海图及;MVC:如何使用JSON加载整个图形定义和数据?
我想知道如何加载选项&返回JSON对象的数据图或整个图结构 特别是,我想用JSON动态创建选项、类别、轴、数据等;我认为这是可能的,但我只找到了描述如何加载数据和序列的信息,而不是选项 例如,我想定义title、xAxis等,返回一个JSon对象:海图及;MVC:如何使用JSON加载整个图形定义和数据?,json,model-view-controller,dynamic,highcharts,jsonresult,Json,Model View Controller,Dynamic,Highcharts,Jsonresult,我想知道如何加载选项&返回JSON对象的数据图或整个图结构 特别是,我想用JSON动态创建选项、类别、轴、数据等;我认为这是可能的,但我只找到了描述如何加载数据和序列的信息,而不是选项 例如,我想定义title、xAxis等,返回一个JSon对象: [...] title: { text: 'Total fruit consumtion, grouped by gender' }, xAxis: { categories: [] }, [...]
[...]
title: {
text: 'Total fruit consumtion, grouped by gender'
},
xAxis: {
categories: []
},
[...]
特别是,我需要动态创建一个更复杂的图,类似于此:
提前谢谢 With可以在服务器端随意创建图表,而无需使用JavaScript或JSON。以下是您希望使用库执行的示例:
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"
}
});
您可以在这里找到许多ASP.NET MVC示例:我在想……是否可以使用ViewBag构建部分Java脚本???这是个坏主意吗?THXI认为您可以简单地创建一个路由/页面来创建一个对象(包含与图表相同的属性、标题、子文件),并使用System.Web.Script.Serialization.JavaScriptSerializer来序列化和输出图表。在consumer页面上,您可以使用jquery对REST服务进行ajax调用,然后使用返回的数据对图表进行序列化。我现在也在做同样的事情(不过是在PHP中)。谢谢@Gremo!如果可能的话,你能给我举一些这个解决方案的例子吗?再次感谢!