Question

我一直使用Google Charts API玩Line Chart，下面的例子显示了一个多维数组，它被填充到数据表中，然后显示在屏幕上。

它运行良好，但我希望能够从同一文件夹中找到的CSV文件中填充数据，该文件可能包含n列。

任何人都可以帮忙解决这个问题吗？

我认为可以使用JQuery .get访问csv文件，然后将其转换为数组。我现在不是很精明的JS ..

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales', 'Expenses'],
          ['2004',  1000,      400],
          ['2005',  1170,      460],
          ['2006',  660,       1120],
          ['2007',  1030,      540]
        ]);

        var options = {
          title: 'Company Performance'
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

Answer 1

您应该尝试Reading client side text file using Javascript的建议这是JS方式，你可以将每一行变成一个数组其他方法是使用ajax调用服务器端，然后处理csv并返回数组
我认为这将解决交叉浏览器问题。

CSV到多维数组。怎么样？

1 个答案: