CODEWITHSUNDEEP
javascripthighcharts
BarryDale2014
BarryDale2014

Reputation: 59

Highcharts - Add a pie chart to a line chart

I'm trying to make a combination Line and Pie chart but I'm using 2 Javascript arrays for data inputs as opposed to hard coded values. The syntax I'm using isn't going through. http://www.highcharts.com/demo/combo

The code below is what's currently implemented and I added the pieData. How do I add this to the series so that it shows up as a pie chart in the corner?

Basically instead of hard coding the series, how do you define 2 series for two graphs using two arrays like the ones below?

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

EDIT: I'm already using Objects. fuelObj is built like this above the listed code:

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

Upvotes: 0

Views: 151

Answers (1)

user2263572
user2263572

Reputation: 5606

series typically takes an array of objects.

For example:

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

Make sure genData and pieData are objects and then add them to the series array.

Upvotes: 2

Related Questions