Highcharts使用json对象为饼图填充数据 [英] Highcharts to populate data for pie chart using json object

问题描述

你好我的json对象看起来像这样

hi my json object looks like this

[
  {"name":"Tokyo","data":3.0},
  {"name":"NewYork","data":2.0},
  {"name":"Berlin","data":3.5},
  {"name":"London","data":1.5}
]

使用highcharts填充系列点来制作饼图

How to populate the series points to make a pie chart using highcharts

推荐答案

请尝试下面的代码。这将解析所有值并创建一个名为 dataArrayFinal 的数组。

Try this below code. This will parse all the values and create an array called dataArrayFinal .

var d = [{"name":"Tokyo","data":3.0},{"name":"NewYork","data":2.0}, {"name":"Berlin","data":3.5},{"name":"London","data":1.5}]
var name = Array();
var data = Array();
var dataArrayFinal = Array();
for(i=0;i<d.length;i++) { 
   name[i] = d[i].name; 
   data[i] = d[i].data;  
}

for(j=0;j<name.length;j++) { 
   var temp = new Array(name[j],data[j]); 
   dataArrayFinal[j] = temp;     
}

您的系列内容应如下所示。即你应该像下面那样传递数组 dataArrayFinal 。

And your series stuff should look like below. i.e, you should pass the array dataArrayFinal like below.

series: [{
      type: 'pie',
      name: 'Browser share',
      data: dataArrayFinal
}]

这篇关于Highcharts使用json对象为饼图填充数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！