$ .each只显示一个系列高图

专注于这个问题： php-json-highcharts-load-database-result

答案是按照以下方式进行：

 $.getJSON('ajax/calc.ajax.php', function(data) { var series = { // <-------------------- create just one series object type: 'pie', data: [] //data array for new series }; $.each(data, function(key, value) { series.data.push([key, value[0]]); }); options.series.push(series); // <-------- pushing series object var chart = new Highcharts.Chart(options); }); 

这可以使用饼图，如果我改为另一种类型（例如line ），相同的$.each将完成工作，除了显示多个系列。 我已经试过把系列放在每个系列中，但没有成功。

我怎样才能做到这一点？ 在高潮文档中，如果系列带有name ，则名称将显示为系列。 像这样：

  { type: 'bar', name: 'Apple' // showing only once data: [] }; 

Answer 1

这是因为饼图和折线图具有不同的series.data格式。 饼图的series.data示例：

  series: [{ type: 'pie', name: 'Browser share', data: [ ['Firefox', 45.0], ['IE', 26.8], { name: 'Chrome', y: 12.8, sliced: true, selected: true }, ['Safari', 8.5], ['Opera', 6.2], ['Others', 0.7] ] }] 

折线图的series.data示例：

  series: [{ name: 'Tokyo', data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] }, { name: 'New York', data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5] }, { name: 'Berlin', data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0] }, { name: 'London', data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8] }]