Hi folks,
I am trying to change the tittle in my charts, but I am not able. I got the data right, but I can't get the tittle right. Please help me. Here is what I have: <script src="https://www.google.com/jsapi";></script> <script src="http://code.jquery.com/jquery-1.10.1.min.js";></script> <script src="https://jquery-csv.googlecode.com/files/jquery.csv-0.71.js";></script> <script> google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawChart); function drawChart(){ drawChartFromCSV("data.csv" ,'chart_div'); drawChartFromCSV("data1.csv" ,'chart_div2'); drawChartFromCSV("data3.csv" ,'chart_div3'); } function drawChartFromCSV(filename, elementId, verticalUnit){ $.get(filename, function(csvString) { var arrayData = $.csv.toArrays(csvString, {onParseValue: $.csv.hooks.castToScalar}); var data = new google.visualization.arrayToDataTable(arrayData); var view = new google.visualization.DataView(data); view.setColumns([0,1]); var options = {'title':'Metrics 1', 'fontSize':14, 'width':400, 'height':300}; var options2 = {'title':'Metrics 2', 'fontSize':14, 'width':400, 'height':300}; var options3 = {'title':'Metrics 3', 'fontSize':14, 'width':400, 'height':300}; var chart = new google.visualization.PieChart(document.getElementById(elementId)); chart.draw(data, options); }); } </script> </head> <body> <span id='chart_div' style='width: 350px; display: inline-block'></span> <span id='chart_div2' style='width: 350px; display: inline-block'></span> <span id='chart_div3' style='width: 350px; display: inline-block'></span> </body> </html> Thanks, Paul -- 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.
