将外部 csv 文件上传到 highcharts 不起作用答案

【问题标题】：uploading external csv file to highcharts not working将外部 csv 文件上传到 highcharts 不起作用
【发布时间】：2016-08-11 07:02:58
【问题描述】：

<!DOCTYPE html>
<html>
<head>
<title>Highcharts Data loading using CSV</title>

    <script type="text/javascript" src="jquery-3.1.0.min.js"></script>    
    <script src="js/highcharts.js"></script>
    <script src="js/modules/data.js"></script>
    <script src="js/modules/exporting.js"></script>
    <script type="text/javascript">
        $(function () {
        $.get('data.csv', function(data) {
         $('#container').highcharts({
            chart: {
                type: "line"
            },
            title: {
                text: "Fruit Consumtion"
            },
            xAxis: {
                title:{
                    text:"time(in sec)"
                }
            },
            yAxis: {
                title: {
                    text: "pitch value"
                }
            },
            data: {
                csv: data
                //csv: document.getElementById('csv').innerHTML
            },
            plotOptions: {
                series: {
                    marker: {
                        enabled: false
                    }
                }
            }
            });
        });
        });
    </script>
</head>
<body>
<div id="container" style="height: 400px"></div>
</body>
</html>

该代码适用于嵌入在隐藏 div 中的 csv 数据。但是，当我尝试导出外部 csv 数据时，它会抛出错误。

【问题讨论】：

data 中的值将只是一个包含 CSV 文件内容的字符串。您需要将该字符串转换为数组。
您是否在网络服务器上运行图表？无法从本地文件系统触发 Ajax。
您有服务器设置吗？喜欢 apache 还是 nodejs？您需要一个服务器，因为您无法在 file:// URL 上发出 XMLHttpRequests
@RoryMcCrossan 谢谢。我也尝试过。后来，我使用了 php 命令 file_get_contents() 并得到了想要的结果。
谢谢@rafaelcastrocouto。使用 php 函数 file_get_contents() 帮助 .txt 文件获取 CSV 值

标签： jquery csv highcharts

【解决方案1】：

您需要一个服务器设置，例如 apache 或 nodejs。

你需要一个服务器，因为你不能在 file:// URL 上创建XMLHttpRequests

【讨论】：