Highcharts - 将饼图添加到折线图

时间:2016-09-27 17:07:23

标签: javascript highcharts

我正在尝试组合Line和Pie图表,但我使用2个Javascript数组进行数据输入而不是硬编码值。我正在使用的语法没有通过。 http://www.highcharts.com/demo/combo

以下代码是当前实施的代码,我添加了pieData。如何将其添加到系列中,以便它在角落中显示为饼图?

基本上不是对系列进行硬编码,而是如何使用下面的两个数组为两个图定义2个系列?

Kinda-sorta demo

 $.each(fuelObj, function (k, i) {
    var genData = [];
    genData.type = 'line';
    genData.name = i.name;
    genData.data = i.flow.sort();
    genData.visible = i.visible;
    genData.color = i.color;
    genData.dashStyle = 'Line';
    genData.events = {
       click: function (event) {
        this.hide();
       }
    };
    seriesData.push(genData);

    var pie = [];
    pie.name = i.name;
    pie.y = i.flow[i.flow.length - 1][1];
    pie.color = i.color;
    pieData.push(pie);
    });
series: genData

编辑: 我已经在使用Objects了。 fuelObj就像上面列出的代码一样构建:

fuelObj['gas'] = {name: 'gasoline', yest: [], today: [], color: '#00B050', visible: true};

1 个答案:

答案 0 :(得分:2)

系列通常采用一系列对象。

例如:

series: [
  {
   type:'column'
   name:'series 1'
   data:[1,2,3,4,5]  
  },
  {
   type:'spline'
   name:'series 2',
   data[5,6,7,8,9]
  }
]

确保genData和pieData是对象,然后将它们添加到系列数组中。