Сложенные сгруппированные гистограммы графики HighCharts с динамическими данными с использованием ASP.NET MVC3?

Question

Я хотел бы создавать гистограммы с накоплением и группировкой, используя HighCharts и ASP.NET MVC3. Я нашел этот пример на сайте HighCharts: http://www.highcharts.com/demo/column-stacked-and-grouped

Я бы использовал JSonResult в моем контроллере. В частности, в приведенном выше примере серии графов предварительно определены в javascript, в то время как я буду динамически создавать их с помощью JSON.

Answer 1

С DonNet.Highcharts вы можете легко создавать Highcharts только на стороне сервера. Есть пример со сложенным и сгруппированным столбцом. Вот код на стороне сервера:

Highcharts chart = new Highcharts("chart")
            .InitChart(new Chart { DefaultSeriesType = ChartTypes.Column })
            .SetTitle(new Title { Text = "Total fruit consumtion, grouped by gender" })
            .SetXAxis(new XAxis { Categories = new[] { "Apples", "Oranges", "Pears", "Grapes", "Bananas" } })
            .SetYAxis(new YAxis
                      {
                          AllowDecimals = false,
                          Min = 0,
                          Title = new YAxisTitle { Text = "Number of fruits" }
                      })
            .SetTooltip(new Tooltip { Formatter = "TooltipFormatter" })
            .SetPlotOptions(new PlotOptions { Column = new PlotOptionsColumn { Stacking = Stackings.Normal } })
            .SetSeries(new[]
                       {
                           new Series
                           {
                               Name = "John",
                               Data = new Data(new object[] { 5, 3, 4, 7, 2 }),
                               Stack = "male"
                           },
                           new Series
                           {
                               Name = "Joe",
                               Data = new Data(new object[] { 3, 4, 4, 2, 5 }),
                               Stack = "male"
                           },
                           new Series
                           {
                               Name = "Jane",
                               Data = new Data(new object[] { 2, 5, 6, 2, 1 }),
                               Stack = "female"
                           },
                           new Series
                           {
                               Name = "Janet",
                               Data = new Data(new object[] { 3, 0, 4, 4, 3 }),
                               Stack = "female"
                           }
                       });

Вы можете передавать данные, как вам нравится.