如何在Javascript中導出CanvasJS中的csv？
[英]How to export csv in CanvasJS in Javascript?
問題描述
我想將一個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>
2 個解決方案
解決方案1
0 2019-05-31 19:05:22
嘗試將包含csv文件的Sample文件夾移動到項目中，並使用類似“Sample / zpw.csv”的相對URL
解決方案2
0 2019-06-03 04:42:14
由於安全問題，瀏覽器不允許您從本地文件系統讀取文件 。 但是，您可以將CSV保存在Google表格中並將其導出為CSV格式，並使用$.get("Google-Sheet-CSV-URL")的CSV鏈接$.get("Google-Sheet-CSV-URL") 。
如何在JavaScript中正確導出為CSV？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.