如何在 ASP.NET 网页 C# 中创建堆积柱形图？

Question

我需要在我的网页（C#、Razor）项目中创建一个 StackedColumn 图表。环顾这个网站和其他网站，我看到类似的问题已被要求用于各种替代方案，但不是这个。

让我们看一些创建基本柱形图的常用代码：

var myChart = new Chart(width: 600, height: 400)
    .AddTitle("Chart Title")
    .AddSeries(
        name: "Employee",
        xValue: new[] {  "Peter", "Andrew", "Julie", "Mary", "Dave" },
        yValues: new[] { "2", "6", "4", "5", "3" })
    .Write();

显然，我需要添加：

chartType: "StackedColumn",

到 AddSeries 列表，但如何为我想添加为第二层、第三层等的值添加更多 yValues？

此外，有人可以指导我访问一个页面，该页面为我提供图表格式的主要选项和语法列表，例如填充颜色、背景颜色、字体 type/size 等吗？

Answer 1

您可以在此处找到所有图表类型：https://msdn.microsoft.com/en-us/library/dd489233.aspx

现在为了获得堆叠的列，我添加了两个带有 chartType: "StackedColumn100" 的系列，如下所示：

var chart = new Chart(width: 600, height: 400)
    .AddTitle("Sample")
    .AddSeries(name: "A",
        xValue: new[] {"H", "W", "D"},
        yValues: new[] {"12", "10", "5"},
        chartType:"StackedColumn100")
    .AddSeries(name: "B",
        xValue: new[] {"T", "B", "C"},
        yValues: new[] {"0", "2", "7"},
        chartType: "StackedColumn100")
    .Write();

在我的例子中，所有值的总和必须为 100%。如果他们不适合你的情况，你可以使用 charType: "StackedColumn"

此外，您还可以在此处找到有关创建和样式化图表的几乎所有内容 www.asp.net/web-pages/overview/data/7-displaying-data-in-a-chart

如何在 ASP.NET 网页 C# 中创建堆积柱形图？

How To Create A StackedColumn Chart in ASP.NET WebPages C#?

c#

razor

asp.net-webpages

stacked-chart