javascript - Highcharts - 将饼图添加到折线图

Question

我正在尝试制作折线图和饼图的组合，但我使用 2 个 Javascript 数组作为数据输入，而不是硬编码值。我使用的语法没有通过。 http://www.highcharts.com/demo/combo

下面的代码是当前实现的代码，我添加了pieData。如何将其添加到系列中，以便它在 Angular 落中显示为饼图？

基本上，您如何使用如下所示的两个数组为两个图表定义 2 个系列，而不是对系列进行硬编码？

有点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

编辑: 我已经在使用对象了。 fuelObj 在列出的代码上方是这样构建的:

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

Answer 1

系列通常采用对象数组。

例如:

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 是对象，然后将它们添加到系列数组中。