Combo Chart Stacked with targetInIndex

17 views

Skip to first unread message

madebyhisto

unread,

Sep 17, 2015, 10:32:37 AM9/17/15

to Google Visualization API

Hi,

First of all, i want to excuse myself for my bad English.

I want a report who have 2 columns with stacked independently and some line in the same chart. I try the option "targetAxisIndex" in the serie. The proble is the 2 stacks appeared one behind the other. Is there a way to move the second stack or to change de width of the colum on only one serie ?

Here an example of my code :

<html>

<head>

google.setOnLoadCallback(drawVisualization);

function drawVisualization() {

// Some raw data (not necessarily accurate)

var data = google.visualization.arrayToDataTable([

['Month', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'],

['2004/05', 165, 938, 522, 998, 450, 614.6],

['2005/06', 135, 1120, 599, 1268, 288, 682],

['2006/07', 157, 1167, 587, 807, 397, 623],

['2007/08', 139, 1110, 615, 968, 215, 609.4],

['2008/09', 136, 691, 629, 1026, 366, 569.6]

]);

var options = {

title : 'Monthly Coffee Production by Country',

isStacked : true,

vAxis: {},

hAxis: {title: 'Month'},

seriesType: 'bars',

series: {

3: { targetAxisIndex: 1 },

4: { targetAxisIndex: 1 },

5: {type: 'line'}}

};

var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));

chart.draw(data, options);

}

</script>

</head>

<body>

</body>

</html>

Reply all

Reply to author

Forward

0 new messages