如何在ASP.NET WebPages C＃中创建StackedColumn图表？

Question

我需要在我的WebPages（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？

此外，是否有人可以将我引导至一个页面，该页面为我提供了一系列主要选项＆amp;图表格式的语法，如填充颜色，背景颜色，字体类型/大小等？

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

找到有关创建和样式化图表的所有内容