I think I figured out the issue here, and that was I needed to add a Listener to delay the attempts to modify column properties until the *visualization.**arrayToDataTable* effort was completed.
I thus modified my code (yellow highlight) as follows but now am getting an All series on a given axis must be of the same data type× error that I can't seem to resolve. I think I'm getting close, but no cigar yet. :-( Help. <html> <head> <script src="https://www.google.com/jsapi";> </script> <script src="http://code.jquery.com/jquery-1.10.1.min.js";> </script> <script src="http://jquery-csv.googlecode.com/git/src/jquery.csv.js"; ></script> <script> // Load the Visualization API from Google and set Listener google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawChart); // this has to be a global function function drawChart() { // grab the CSV $.get("temps.csv", function(csvString) { // transform the CSV string into a 2-dimensional array var chartTbl = $.csv.toArrays(csvString, {onParseValue: $.csv.hooks. castToScalar}); alert (chartTbl[0]+ '\n' + chartTbl[1]); //alert(chartTbl.join('\n')); // this new DataTable object holds all the data var data = new google.visualization.arrayToDataTable(chartTbl); // Define the 'certainty' columns google.visualization.events.addListener(data, 'ready', function(event) { data.setColumnProperty(2, 'role', 'certainty'); data.setColumnProperty(4, 'role', 'certainty'); data.setColumnProperty(6, 'role', 'certainty'); data.setColumnProperty(8, 'role', 'certainty'); data.setColumnProperty(8, 'type', 'boolean'); data.setColumnProperty(10,'role', 'certainty'); data.setColumnProperty(10,'type', 'boolean'); }); // set chart options var start = -20; var vTicks = []; while (start <= 100) { vTicks.push(start); start+=10; } var options = { fontSize: 8, legend: {position: 'right'}, colors: ['green', 'blue', 'red', 'green', 'yellow', 'gray'], series: { 0: { lineDashStyle: [2, 2] } }, hAxis: { title: 'Time', gridlines: { count: 25, }, minorGridlines: { count: 3 }, }, vAxis: { title: 'Temperature', gridlines: { count: 12, }, minorGridlines: { count: 4 }, ticks: vTicks } }; var chart = new google.visualization.LineChart(document.getElementById( 'chart_div')); chart.draw(data,options); }); } </script> </head> <body> <div id="chart_div" style="width: 800px; height: 300px;"></div> </body> </html> -- 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 [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/d/optout.
