Сложенная группированная гистограмма Графики 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" 
          } 
         }); 

Вы можете передавать данные по своему усмотрению.