代码之家 › 专栏 › 技术社区 › wildfire

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

canvasjs html javascript

wildfire · 技术社区 · 6 年前

我已经知道了如何用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>

0 回复 | 直到 6 年前

hallie 6 年前

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

Vishwas R 6 年前

由于安全问题浏览器不允许您 read files from local filesystem . 但是,您可以将CSV保存在谷歌Sheets和 export it as CSV $.get("Google-Sheet-CSV-URL") .

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

6 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

6 月前

Alex · 在轻量级中同时解构和不解构变量

6 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

6 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

6 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

6 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

6 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

7 月前

user3472810 · Angular@Output/EventEmitter返回undefined

7 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

7 月前