Hi Steve,
An axis is based on a single data series. This means that it will be in the
same color used for the selected line.
Yet - You can have more than one series referring to that axis.
It will be a bit confusing, but the alternative is to have them both of the
same color, which might be even more confusing (and actually can be done
using the colors option, as in the code down here).
You should also use 'allmaximize' or 'allfixed' value for the 'scaleType'
option, as explained in the docs.
Here is a variation of the code from the sample in the docs.
Most of the changes are the data structure (added more data column and
removed the annotations to emphasize the point here), and the options (in
bold).
Regards,
VizGuy
<html>
<head>
<script type='text/javascript' src='http://www.google.com/jsapi
'></script>
<script type='text/javascript'>
google.load('visualization', '1', {'packages':['annotatedtimeline']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('date', 'Date');
data.addColumn('number', 'Sold Pencils');
data.addColumn('number', 'Sold Pens');
data.addColumn('number', 'Sold paints');
data.addRows(6);
data.setValue(0, 0, new Date(2008, 1 ,1));
data.setValue(0, 1, 30000);
data.setValue(0, 2, 40645);
data.setValue(0, 3, 845);
data.setValue(1, 0, new Date(2008, 1 ,2));
data.setValue(1, 1, 14045);
data.setValue(1, 2, 20374);
data.setValue(1, 3, 274);
data.setValue(2, 0, new Date(2008, 1 ,3));
data.setValue(2, 1, 55022);
data.setValue(2, 2, 50766);
data.setValue(2, 3, 466);
data.setValue(3, 0, new Date(2008, 1 ,4));
data.setValue(3, 1, 75284);
data.setValue(3, 2, 14334);
data.setValue(3, 3, 434);
data.setValue(4, 0, new Date(2008, 1 ,5));
data.setValue(4, 1, 41476);
data.setValue(4, 2, 66467);
data.setValue(4, 3, 867);
data.setValue(5, 0, new Date(2008, 1 ,6));
data.setValue(5, 1, 33322);
data.setValue(5, 2, 39463);
data.setValue(5, 3, 363);
var chart = new
google.visualization.AnnotatedTimeLine(document.getElementById('chart_div'));
*chart.draw(data, {scaleType: 'allfixed', scaleColumns: [0,2],
colors:['red','red','blue']});*
}
</script>
</head>
<body>
<div id='chart_div' style='width: 700px; height: 240px;'></div>
</body>
</html>
On Thu, Dec 18, 2008 at 9:05 PM, stevep <[email protected]> wrote:
>
> Another annotated graph timeline axis question.
>
> I have a graph with 3 data series. I want two axes. One of the data
> series should be plotted against one axss, and the other two data
> series against the second axis.
>
> Is this possible? It seems that you can't specify multiple data series
> for a single axis.
>
>
> >
>
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
