[visualization-api] Area Chart - Color overlap

DanBo Thu, 13 Nov 2008 11:21:11 -0800

How do you prevent the color from one series shading back to the orgin
for nulls?  Trying to create more of a drop shadow as shown in the
second graph.



<html>
<head>
<script type="text/javascript" src="http://www.google.com/jsapi";></
script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["areachart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Month');
data.addColumn('number', 'Actual');
data.addColumn('number', 'Forecast');
data.addColumn('number', 'Total Cap');
data.addRows(7);
data.setValue(0,0,'1Q08');
data.setValue(0,1,13);
data.setValue(0,2,null);
data.setValue(0,3,20);
data.setValue(1,0,'2Q08');
data.setValue(1,1,15);
data.setValue(1,2,null);
data.setValue(1,3,20);
data.setValue(2,0,'3Q08');
data.setValue(2,1,18);
data.setValue(2,2,null);
data.setValue(2,3,20);
data.setValue(3,0,'4Q08');
data.setValue(3,1,21);
data.setValue(3,2,null);
data.setValue(3,3,30);
data.setValue(4,0,'1Q09');
data.setValue(4,1,24);
data.setValue(4,2,24);
data.setValue(4,3,30);
data.setValue(5,0,'2Q09');
data.setValue(5,1,null);
data.setValue(5,2,27);
data.setValue(5,3,30);
data.setValue(6,0,'3Q09');
data.setValue(6,1,null);
data.setValue(6,2,30);
data.setValue(6,3,40);

var chart = new google.visualization.AreaChart(document.getElementById
('chart_div'));
chart.draw(data, {width: 400, height: 240, pointSize: 2,legend:
'bottom', title: 'Company Performance'});
}
</script>
</head>
<body>
<div id="chart_div"></div>

<IMG id=trendsChart alt="Donations over 12 Months" src="http://
chart.apis.google.com/chart?cht=lc&amp;chd=t:
30,30,40,40,50,40,50,50,-1,-1,-1,-1|-1,-1,-1,-1,-1,-1,-1,50,55,60,64,67|
40,40,60,60,60,60,60,60,70,70,70,70&amp;chs=300x250&amp;chxt=x,y&amp;chls=1,1,0|
2,6,3|2,1,0&amp;chco=0000ff,00ff00,ff0000&amp;chm=B,
4D89F9,0,0,0&amp;chl=J|F|M|M|J|J|A|S|O|N|D&amp;chtt=Monthly
Trends&amp;chg=100.0,25.0&amp;chf=c,ls,0,DDDDDD,0.2,FFFFFF,0.2">

</body>
</html>

Dan.

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at 
http://groups.google.com/group/google-visualization-api?hl=en
-~----------~----~----~----~------~----~------~--~---

[visualization-api] Area Chart - Color overlap

Reply via email to