[英]How to export csv in CanvasJS in Javascript?
I want to load a csv file to my html file to plot some data. 我想将一个csv文件加载到我的html文件中以绘制一些数据。 I have figured out how to plot in html but the next challenge is to import data from a csv file.
我已经想出如何在html中绘图,但下一个挑战是从csv文件导入数据。 I am new to html and javascript and would appreciate inputs or even other modules aside from CanvasJS.
我是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>
尝试将包含csv文件的Sample文件夹移动到项目中,并使用类似“Sample / zpw.csv”的相对URL
Due to security issues browsers doesn't allow you to read files from local filesystem . 由于安全问题,浏览器不允许您从本地文件系统读取文件 。 However, you can save your CSV in Google-Sheets and export it as CSV and use the link to the CSV in
$.get("Google-Sheet-CSV-URL")
. 但是,您可以将CSV保存在Google表格中并将其导出为CSV格式,并使用
$.get("Google-Sheet-CSV-URL")
的CSV链接$.get("Google-Sheet-CSV-URL")
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.