无法将本地 csv 数据加载到 Highcharts答案

【问题标题】：Not able to load local csv data into Highcharts无法将本地 csv 数据加载到 Highcharts
【发布时间】：2018-08-18 09:41:22
【问题描述】：

我正在尝试从存储在本地 csv 文件中的数据创建一个 Highchart，但我只是在 html 中得到一个“空白”图表。 csv 文件和 html 文件在同一个地方。

这是我的代码：

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Highcharts</title>
   <script language="JavaScript" type="text/javascript" src="./code/jquery-3.3.1.min.js"></script>
   <script language="JavaScript" type="text/javascript" src="./code/highcharts.js"></script>
   <script language="JavaScript" type="text/javascript" src="./code/modules/data.js"></script>
   <script language="JavaScript" type="text/javascript" src="./code/themes/gray.js"></script>
  </head>
  <body>
     <div id="container" style="width:100%; height:800px;"></div>
  </body>

   <script>    
   $(function () {
    $('#container').highcharts({
        chart: {
            type: 'line'
        },
        xAxis: {
        type: 'category'
    },
        data: {
        // enablePolling: true,
            csvURL: window.location.origin + 'test.csv',
            itemDelimiter: ';',
            lineDelimiter: '\n',
    },   
        title: {
            text: 'Fuel Consumption'
        },
    });
}); 
    </script>
</html>

这是我的 csv 文件的内容：

DateTime;Value
09/06/2018 18:00:15;1296.26098632813
09/06/2018 18:28:09;1451.98901367188
09/06/2018 18:56:03;563.752014160156
09/06/2018 19:23:57;429.237213134766
09/06/2018 19:51:51;445.504516601563
09/06/2018 20:19:45;1216.92199707031
09/06/2018 20:47:39;1108.98400878906
09/06/2018 21:15:34;478.514709472656
09/06/2018 21:43:28;649.652221679688
09/06/2018 22:11:22;159.626998901367
09/06/2018 22:39:16;135.208999633789

有人可以帮忙吗？

【问题讨论】：

我想你忘记了window.location.origin + '/test.csv'中的/
不，不是@Core972
那么控制台说了什么？
@Halvor。它现在正在工作。必须将整个“应用程序”放在 node.js Web 服务器中。控制台没有输出任何东西。现在让范围选择器工作......

标签： javascript csv highcharts

【解决方案1】：

这个演示的问题是文件路径不正确。如果您记录您正在使用的窗口位置，您会看到它为空。试试：

console.log(window.location.origin)

在this thread 上讨论过。

尝试将 CSV 放在 (a) 服务器上，然后使用完全限定的路径名。例如：

csvURL:'https://myserver/data/test.csv'

【讨论】：