用zingchart加载CSV文件
用zingchart加载CSV文件
提问于 2016-02-23 13:14:13
我正在尝试设置ZingChart，这样它就可以从本地CSV文件中绘制数据。
我有一个使用csv和data-string属性的工作示例，这些属性没有问题地呈现图形：
<!DOCTYPE html>
<html>
<head>
<script src="zingchart/zingchart.min.js"></script>
<script>
zingchart.MODULESDIR = "zingchart/modules/";
</script>
<style></style>
</head>
<body>
<div id='myChart'></div>
<script>
var myConfig = {
"type": "line",
"csv":{
"data-string":"Model|Highway|City_Ford 150|19|16_Mazda S3|30|21_Prius|42|35",
"row-separator":"_",
"separator":"|"
}
};
zingchart.render({
id: 'myChart',
data: myConfig,
height: 400,
width: "100%"
});
</script>
</body>
</html>但是，更改csv以使其链接到文件反而会引发一个错误：
"csv": {
"url": "zingchart/data01.csv"
}ZingChart错误加载CSV文件
在ZingChart教程中，有指向JSFiddle的链接，因此您可以自由编辑javascript并查看结果。在它们上，如果它们使用csv/url配置选项，我也会得到相同的错误屏幕。
我是不是遗漏了什么？
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-02-23 14:47:11
您正在向ZingChart文档网站提出跨源请求，该请求不允许您在站点/本地服务器上使用他们的资源。
如果打开控制台，您将看到：No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
无论您的index.html页面位于何处，您都需要一个名为"data01.csv“文件的名为"zingchart”的目录。此外，由于这是一个XHR请求，您需要将其上传到网站/服务器上，或者启动您自己的本地Apache web服务器实例，例如WAMP、LAMP、AMPPS、XAMPP。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35578577
复制相关文章
相似问题
腾讯云开发者
