They are actually not stacking (series of different types don't stack) -
it's just that the left vAxis is drawing its baseline at 0 (which is the
default for stacked charts). You need to override that by setting the
viewWindow.min option for the left axis. You can find a good value for the
min like this:
var min, range;
for (var i = 1; i < 7; i++) {
if (data.getColumnType(i) == 'number') {
range = data.getColumnRange(i);
min = (min == null) ? range.min : Math.min(min, range.min);
}
}
min = Math.floor(min);
and then set it in the options like this:
vAxes: {
0: {
minorGridlines: {
count: 1
},
viewWindow: {
min: min
}
},
1: {
minorGridlines: {
count: 1
}
}
}
see a working example based on your code here:
http://jsfiddle.net/asgallant/Pu32H/
On Sunday, December 8, 2013 3:49:04 PM UTC-5, Mike Soja wrote:
>
> The Combo chart has been up for months, but the last week or so began
> rendering differently.
>
> A candlestick series and line series run off the left axis, and bars off
> the right axis. The x axis is a range of dates. Previously, the points of
> each series were centered over the date marks, but now they cluster around
> the date mark, with the line point centered above the mark, and the two
> other points to each side.
>
> If I set isStacked:true, they line up again, but are stacked,
> unsurprisingly.
>
> Live page at: http://www.kayak2u.com/blog/?page_id=2712
>
>
> <script type='text/javascript' src='https://www.google.com/jsapi
> '></script>
> <script type='text/javascript'>
>
> google.load('visualization', '1');google.setOnLoadCallback(drawCharts);
>
> function drawCharts(){
> var data = new google.visualization.DataTable();
> data.addColumn('date','Day');
> data.addColumn('number','LevelOpen');
> data.addColumn('number','MinPrediction');
> data.addColumn('number','MaxPrediction');
> data.addColumn('number','LevelClose');
> data.addColumn({type:'string',role:'tooltip',p:{'html':true}});
> data.addColumn('number','RecordedLevel');
> data.addColumn({type:'string',role:'tooltip',p:{'html':true}});
> data.addColumn('number','Precipitation');
>
> data.addRows([
> [new Date(2013,11,04), 736.78, 736.24, 736.36, 736.48, '<div
> class="tooltip"><b>Dec 04, 2013</b></div>', 736.48, '<div
> class="tooltip"><b>Dec 04, 2013</b></div>', 0.0344444],
> [new Date(2013,11,05), 736.48, 735.87, 736.12, 736.16, '<div
> class="tooltip"><b>Dec 05, 2013</b></div>', 736.16, '<div
> class="tooltip"><b>Dec 05, 2013</b></div>', 0.0255556],
> [new Date(2013,11,06), 736.16, 735.88, 736.17, 736.18, '<div
> class="tooltip"><b>Dec 06, 2013</b></div>', 736.18, '<div
> class="tooltip"><b>Dec 06, 2013</b></div>', 1.23222],
> [new Date(2013,11,07), 736.18, 736.22, 736.63, 736.85, '<div
> class="tooltip"><b>Dec 07, 2013</b></div>', 736.85, '<div
> class="tooltip"><b>Dec 07, 2013</b></div>', 0.175556],
> [new Date(2013,11,08), 736.29, 736.29, 737.19, 736.29, '<div
> class="tooltip"><b>Dec 08, 2013</b></div>', null, null, 0.373333],
> [new Date(2013,11,09), 736.76, 736.76, 737.85, 736.76, '<div
> class="tooltip"><b>Dec 09, 2013</b></div>', null, null, null],
> [new Date(2013,11,10), 738.07, 738.07, 738.16, 738.07, '<div
> class="tooltip"><b>Dec 10, 2013</b></div>', null, null, null]
> ]);
>
> var num_format = new
> google.visualization.NumberFormat({groupingSympbol:',', fractionDigits:2});
> num_format.format(data,1);
> num_format.format(data,2);
> num_format.format(data,3);
> num_format.format(data,4);
> num_format.format(data,6);
> num_format.format(data,8);
>
> var chart = new google.visualization.ChartWrapper({
> dataTable: data,
> containerId: 'tvaChart',
> chartType: 'ComboChart',
> options: {title:'TVA Predictions* - Watts Bar Lake Levels - Estimated
> Precipitation**'
> ,titleTextStyle:{fontSize:16}
> ,legend:{position:'in',alignment:'center'}
> ,width:800
> ,height:420
> ,chartArea:{left:80,top:64,width:'74%',height:'74%'}
> ,tooltip:{isHtml:true}
> ,vAxis:{minorGridlines:{count:1}}
> ,seriesType:'candlesticks'
> ,series:{1:{type:'line'},2:{type:'bars',targetAxisIndex:1}}
> ,candlestick:{risingColor:{fill:'transparent',strokeWidth:1}}
> ,hAxis:{textStyle:{fontSize:11},format:'MMM dd, yyyy'}
> },
> view:null
> });
> chart.draw();
>
> } <!--drawCharts-->
>
> </script>
>
> Any help appreciated.
>
>
>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/groups/opt_out.
