///SOLVED/// On Monday, July 9, 2012 5:10:03 PM UTC-7, shown wrote: > > <!-- > You are free to copy and use this sample in accordance with the terms of > the > Apache license (http://www.apache.org/licenses/LICENSE-2.0.html) > --> > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " > http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> > <html xmlns="http://www.w3.org/1999/xhtml";> > <head> > <meta http-equiv="content-type" content="text/html; charset=utf-8" /> > <title>Google Visualization API Sample</title> > <script type="text/javascript" src="http://www.google.com/jsapi > "></script> > <script type="text/javascript"> > google.load('visualization', '1', {packages: ['annotatedtimeline', > 'gauge']}); > function drawVisualization() { > var data = new google.visualization.DataTable(); > data.addColumn('date', 'Date'); > data.addColumn('number', 'Sold Pencils'); > data.addColumn('string', 'title1'); > data.addColumn('string', 'text1'); > data.addColumn('number', 'Sold Pens'); > data.addColumn('string', 'title2'); > data.addColumn('string', 'text2'); > data.addRows([ > [new Date(2008, 1 ,1), 30000, null, null, 40645, null, null], > [new Date(2008, 1 ,2), 14045, null, null, 20374, null, null], > [new Date(2008, 1 ,3), 55022, null, null, 50766, null, null], > [new Date(2008, 1 ,4), 75284, null, null, 14334, 'Out of Stock', > 'Ran out of stock on pens at 4pm'], > [new Date(2008, 1 ,5), 41476, 'Bought Pens', 'Bought 200k pens', > 66467, null, null], > [new Date(2008, 1 ,6), 33322, null, null, 39463, null, null] > ]); > var data_gauge = google.visualization.arrayToDataTable([ > ['Label', 'Value'], > ['Lightbulbs', 80], > ['Houses', 55], > ['Stadiums', 68] > ['Trees', 68] > ]); > var options = { > width: 400, height: 120, > redFrom: 90, redTo: 100, > yellowFrom:75, yellowTo: 90, > minorTicks: 5 > }; > var annotatedtimeline = new google.visualization.AnnotatedTimeLine( > document.getElementById('visualization')); > annotatedtimeline.draw(data, {'displayAnnotations': true}); > > var chart = new > google.visualization.Gauge(document.getElementById('chart_div')); > chart.draw(data_gauge, options); > } > > google.setOnLoadCallback(drawVisualization); > </script> > </head> > <body style="font-family: Arial;border: 0 none;"> > <div id="visualization" style="width: 800px; height: 400px;"></div> > <div id="chart_div" style="width: 600px; height: 300px;"></div> > </body> > </html> > >
-- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/bb2if1b1hFIJ. 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.
