Как создать диаграмму StackedColumn в ASP.NET WebPages C#?

Мне нужно создать диаграмму StackedColumn в моем проекте WebPages (C#, Razor). Глядя на этот и другие сайты, я вижу, что что-то подобное было предложено для различных альтернатив, но не для этого.

Давайте посмотрим на некоторый часто публикуемый код, который создает простую столбчатую диаграмму:

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 ​​для значений, которые я хочу добавить в качестве второго, третьего и т. д. слоев?

Кроме того, может ли кто-нибудь направить меня на страницу, которая дает мне список основных параметров и синтаксиса для форматирования диаграммы, таких как цвет заливки, цвет фона, тип/размер шрифта и т. д.?


c# razor stacked-chart asp.net-webpages
person Stuart Newbridge    schedule 08.03.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Все типы диаграмм можно найти здесь: 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

person Marian Dziubiak    schedule 08.03.2016