d3.js / JSFiddle - 加载.tsv数据

时间:2014-10-16 14:27:40

标签: javascript csv d3.js jsfiddle

我创建了一个JSfiddle来协作项目,但我无法让它正常运行:

  • 正确加载html / css元素
  • 它显然正在运行.js代码,因为结果的尺寸(960 * 500像素)对我来说是正确的

    • 但是它似乎没有加载我作为外部资源附加的dataEL.tsv文件,并且我在我的代码中使用它来通过以下方式加载数据:

      window.onload = function draw(data) {           
          d3.tsv("dataEL.tsv", type, function(error, data) { 
       (...)  
      

=>这是JSfiddle

的链接

请帮我正确加载数据以显示结果? 它在我的个人server

上正确显示

1 个答案:

答案 0 :(得分:0)

我不认为jsFiddle.net允许您上传外部资源而不是引用JS文件。

如果您打开Javascript控制台或浏览器的开发者工具(F12,假设您使用的是Windows并使用IE / Chrome / FF),您会看到文件dataEl.tsv出现404未找到错误:

  

无法加载资源:服务器响应状态为404   (未找到)http://fiddle.jshell.net/46yxnukv/2/show/dataEL.tsv

您可以尝试使用其他网站,或将文件dataEL.tsv上传到可通过互联网访问的网络服务器,然后使用完整的网址而不是jsFiddle.net上的网址来请求它。