如何将json数据传递给highcharts系列？ [英] How to pass json data to highcharts series?

问题描述

我有在运行时生成的以下json数组。
因此，名称/数据对的数量会有所不同。

 `var sales = {SalesData：[
 {name：AllProducts | Canada，data：[44936.0,50752.0]}，
 {name：AllProducts | Mexico，data：[200679.0,226838.0]}， 
 {name：AllProducts | USA，data：[288993.0,289126.0]} 
]}`
  

我想将这些数据传递给highcharts系列。

这就是我目前的做法。

 系列：[
 {name：sales.SalesData [0] .name，data：sales.SalesData [0] .data} ，
 {name：sales.SalesData [1] .name，data：sales.SalesData [1] .data}，
 {name：sales.SalesData [2] .name，data：sales.SalesData [2] .data} 
 
] 
  

但如果数组中元素的数量发生了变化，这将无法正常工作。
如何解决此问题？演示代码将帮助我。

我已经评论过以下问题，但我无法解决问题。

动态添加到Highcharts

Highcharts系列数据阵列

解决方案

我解决了这个问题

更改了json数组，如下所示：

  var sales = [
 {name：AllProducts123 | Canada，data：[44936.0,50752.0]}，
 {name：AllProducts |墨西哥，数据：[200679.0,226838.0]}，
 {name：AllProducts | USA，data：[288993.0,289126.0]} 
] 
  

现在直接将它传递给highcharts中的系列。 系列：销售


完成!!!!!

I have following json array which is generated at runtime. Hence the number of name/data pairs varies.

`var sales = { "SalesData" : [ 
{ "name"  : "AllProducts|Canada", "data" :[44936.0,50752.0] },
{ "name"  : "AllProducts|Mexico", "data" : [200679.0,226838.0] },
{ "name"  : "AllProducts|USA",    "data" : [288993.0,289126.0] }
                    ]}    `

I want to pass this data to series in highcharts.

This is how I am doing it currently.

series: [     
        {name:sales.SalesData[0].name,data:sales.SalesData[0].data},
        {name:sales.SalesData[1].name,data:sales.SalesData[1].data},
        {name:sales.SalesData[2].name,data:sales.SalesData[2].data}

            ]

But if the number of elements in array are changed then this won't work. How do I solve this problem ? Demo code will help me.

I have refereed following questions but I was not able to solve the problem.

Dynamically adding to Highcharts

Highcharts series data array

解决方案

I solved the problem

Changed json array as follows:

var sales = [ 
              { "name"  : "AllProducts123|Canada", "data" :[44936.0,50752.0] },
              { "name"  : "AllProducts|Mexico", "data" : [200679.0,226838.0] },
              { "name"  : "AllProducts|USA",    "data" : [288993.0,289126.0] }
            ]

Now pass it directly to series in highcharts.

 series:sales

Done !!!!!

这篇关于如何将json数据传递给highcharts系列？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！