I fail to understand what you really want to see. In the example I sent, the axis on teh left side is in red, to be as the first column, and its scale is taken from teh first column values. So if you would change the values to be between 1 and 100, the ticks on the left will be of these values.
Regards, Vizguy On Tue, Dec 30, 2008 at 12:19 AM, stevep <[email protected]> wrote: > > Sorry, I cant try this out right now, but I don't think this works. > Although > you've set the color for column 1 as red, its values are not tied to > either > axis, so the data points don't correlate with the ticks on the axis. > > Or are you saying there is something magic about setting the color, > which locks the data series together? > > Steve > > On Dec 22, 12:35 pm, VizGuy <[email protected]> wrote: > > 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 -~----------~----~----~----~------~----~------~--~---
