Question

所以我有一个使用CSV文件的工作谷歌图表，将CSV数据作为字符串解析为数组，并使用该数组作为数据表。

我实际问了一个问题并自己回答Here。

该链接将向您显示我在我的完整工作网站中使用的完整代码块。

我打算从测试文件中提取脚本并将其放入我的网站，但现在我已将其移动并包含我需要的脚本，我收到错误消息：

Type Error: $.csv is undefined

以下是使用$ .csv的代码（var arrayData），这是绘制图表的函数

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
     <script src="jquery.csv.min.js"></script>
     <script type="text/javascript" src="http://www.google.com/jsapi"></script>

    <script type="text/javascript"> // load the visualisation API
      google.load('visualization', '1', { packages: ['corechart', 'controls'] });
    </script>

    <script type="text/javascript">
    function drawVisualization() {
       $.get("Thornton.M2.csv", function(csvString) {
          // transform the CSV string into a 2-dimensional array
          var arrayData = $.csv.toArrays(csvString, {onParseValue: $.csv.hooks.castToScalar});

          // this new DataTable object holds all the data
          var data = new google.visualization.arrayToDataTable(arrayData);
          // CAPACITY - En-route ATFM delay - YY - CHART
          var crt_ertdlyYY = new google.visualization.ChartWrapper({
             chartType: 'LineChart',
             containerId: 'crt_ertdlyYY',
             dataTable: data,
             options:{
                width: 450, height: 160,
                title: 'EU-wide en-route ATFM delays (year to date)',
                titleTextStyle : {color: 'grey', fontSize: 11},
             }
          });
          crt_ertdlyYY.draw();
       });
    }
    google.setOnLoadCallback(drawVisualization)
    </script>

    </head>

      <body>

        <div id="crt_ertdlyYY"></div>

      </body>

如果你想测试它，你可以从我之前发布的链接中看到这个例子。但是现在我将它拉入我的主站点.csv调用无法识别。我在这个页面上还有另外两个谷歌图表仍然可以正常工作，因此它与此问题相关。我是谷歌排行榜的新手，在这里很困惑！

使用CSV数据的Google图表：$ .csv未定义？

0 个答案: