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.

Reply via email to