如何在Javascript中导出CanvasJS中的csv？

Question

我想将一个csv文件加载到我的html文件中以绘制一些数据。 我已经想出如何在html中绘图，但下一个挑战是从csv文件导入数据。 我是html和javascript的新手，除了CanvasJS之外还会欣赏输入甚至是其他模块。

<!DOCTYPE HTML>
<html>
<head>
<meta charset ="UTF-8">
<script>
window.onload = function () {

var chart = new CanvasJS.Chart("chartContainer", {
    animationEnabled: true,
    theme: "light2",
    title:{
        text: "DOE TEST Chart"
    },
    axisY:{
        includeZero: false
    },
    data: [{        
        type: "line",       
        dataPoints: dataPoints
    }]
});

$.get("file:////C:/Users/TestDev/Documents/html_files/js_plots/Sample/zpw.csv", getDataPointsFromCSV);

function getDataPointsFromCSV(csv) {
        var csvLines = points = [];
        csvLines = csv.split(/[\r?\n]\r|\n]+/);
        for (var i = 0; i < csvLines.length; i++) {
                if (csvLines[i].length > 0){
                        points = csvLines[i].split(",");
                        dataPoints.push({
                                label: points[0],
                                y: parseFloat(points[1])                            
                        });

                }
        }
        chart.render();
}

}
</script>
</head>
<body>
<div id="chartContainer" style="height: 370px; max-width: 920px; margin: 0px auto;"></div>
<script src="../../canvasjs.min.js"></script>
</body>
</html>

Answer 1

尝试将包含csv文件的Sample文件夹移动到项目中，并使用类似“Sample / zpw.csv”的相对URL

Answer 2

由于安全问题，浏览器不允许您从本地文件系统读取文件。 但是，您可以将CSV保存在Google表格中并将其导出为CSV格式，并使用$.get("Google-Sheet-CSV-URL")的CSV链接$.get("Google-Sheet-CSV-URL") 。

如何在Javascript中导出CanvasJS中的csv？

问题描述

2 个解决方案

解决方案1
0 2019-05-31 19:05:22

解决方案2
0 2019-06-03 04:42:14

如何在Javascript中导出CanvasJS中的csv？

问题描述

2 个解决方案

解决方案1 0 2019-05-31 19:05:22

解决方案2 0 2019-06-03 04:42:14

解决方案1
0 2019-05-31 19:05:22

解决方案2
0 2019-06-03 04:42:14