使用谷歌图表和csv文件

我想用谷歌图表显示一些CSV数据文件。使用谷歌图表和csv文件

我看了堆栈溢出，发现this, ，我试着按照这个教程（here），但我似乎无法通过访问csv文件的第一步。

我下载了jquery.cvs-0.71.js，并将它与我的cvs和html文件放在同一个文件夹中。我使用教程中的cvs文件。

这是我的HTML文件代码：

<!DOCTYPE html> 
<html> 
<head> 
<title>Google Chart Example</title> 
<script src="https://www.google.com/jsapi"></script> 
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src="jquery.csv-0.71.js"></script> 
<script> 
    // wait till the DOM is loaded 
    $(function() { 
    // grab the CSV 
    $.get("kzn1993.csv", function(csvString) { 
     // display the contents of the CSV 
     $("#chart").html(csvString); 
    }); 
    }); 
</script> 
</head> 
<body> 
     <div id="chart"></div> 
</body> 
</html>

我真的不知道为什么它不工作。我尝试打开.html文件，但该页面保持空白。标题虽然设置。

任何帮助？谢谢！

错误日志中的JavaScript控制台：

无法加载资源：没有“访问控制允许来源”标头出现在所请求的资源。因此不允许原产地'null'访问。

XMLHttpRequest无法加载file：///../../kzn1993.csv。请求的资源上没有“Access-Control-Allow-Origin”标题。因此不允许原产地'null'访问。

来源

2014-04-01 Tcanarchy

你有在控制台日志中的任何消息？ –

是的！我在原文中编辑了他们 – Tcanarchy

好的，我看到这里出了什么问题。我使用了我的文件系统中的本地资源。所以现在我把它们放在我的网络服务器上，错误消失了，但我没有看到任何结果。 – Tcanarchy

我对同样的例子有同样的问题。最后我得到它运行。原因是由于使用eclipse启动器运行服务器。如果您将csv文件放在wtpwebapps/yourapp目录中并刷新多次它将运行的html页面。在我的情况，我发现目录上： C：\用户\ MYUSER \ workspace.metadata.plugins \ org.eclipse.wst.server.core \ TMP2 \ wtpwebapps \ MYRAPP

来源

2014-04-23 21:58:21 Alf

使用谷歌图表和csv文件

回答

相关问题