Hi, I try to generate line graph from csv file and csv file have multiple series.
My CSV look like this timestemp, cpu0, cpu1, cpu2, cpu3 12, 30.78, 67.89, 20, 60.89 Here is my code, but graph is not generated. I only get following two warnings in console. Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/. Setting 'XMLHttpRequest.withCredentials' for synchronous requests is deprecated. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="jqueryCSV.aspx.cs" >> Inherits="jqueryCSV" %> > > >> <!DOCTYPE html> > > >> <html xmlns="http://www.w3.org/1999/xhtml";> > > <head runat="server"> > > <title></title> > > <script type="text/javascript" >> src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.js";></script> > > <script type="text/javascript" >> src="https://www.gstatic.com/charts/loader.js";></script> > > <script type="text/javascript"> > > $(document).ready(function () { > > >> $.ajax( > > { > > type: "GET", > > url: "Data.csv", > > dataType: "text", > > success: function (data) { processData(data); } > > }); > > }); > > function processData(allText) { > > var allLinesArray = allText.split('\n'); > > if (allLinesArray.length > 0) { > > var cpu0 = []; > > for (var i = 0; i <= allLinesArray.length - 1; i++) { > > var rowData = allLinesArray[i].split(','); > > if (rowData && rowData.length > 1) > > cpu0.push({ x: rowData[0], y: rowData[1] }); > > } > > } > > } > > function graph(data) { > > google.charts.load('current', { 'packages': ['corechart'] }); > > google.charts.setOnLoadCallback(renderGraph(data)); > > } > > > > function renderGraph(arrayData) { > > var data = google.visualization.arrayToDataTable(arrayData); > > var options = { > > title: 'Company Performance', > > curveType: 'function', > > legend: { position: 'bottom' } > > }; > > >> var chart = new >> google.visualization.LineChart(document.getElementById('curve_chart')); > > >> chart.draw(data, options); > > } > > </script> > > </head> > > <body> > > <form id="form1" runat="server"> > > <div> > > <div id="curve_chart" style="width: 900px; height: 500px"></div> > > </div> > > </form> > > </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 https://groups.google.com/group/google-visualization-api. To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/f166ecc6-404a-4299-ac19-d70c6c8ba0fa%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
