Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
海图及;MVC:如何使用JSON加载整个图形定义和数据?_Json_Model View Controller_Dynamic_Highcharts_Jsonresult - Fatal编程技术网

海图及;MVC:如何使用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: [] }, [...]

我想知道如何加载选项&返回JSON对象的数据图或整个图结构

特别是,我想用JSON动态创建选项类别、轴、数据等;我认为这是可能的,但我只找到了描述如何加载数据和序列的信息,而不是选项

例如,我想定义title、xAxis等,返回一个JSon对象:

 [...]

  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!如果可能的话,你能给我举一些这个解决方案的例子吗?再次感谢!