【问题标题】:d3.js / JSFiddle - loading .tsv datad3.js / JSFiddle - 加载 .tsv 数据
【发布时间】:2023-03-07 00:07:01
【问题描述】:

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

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

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

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

=> 这是JSfiddle的链接

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

上正确显示

【问题讨论】:

  • 对于需要数据的东西,plnkr.co 等其他网站更好。
  • JSFiddle 外部资源选项没有很好的文档记录,但不能以这种方式使用。它用于您要在文档的<head> 中加载的额外脚本;检查你的结果框架,你会看到:<script type="text/javascript" src="http://simplifly.fr/Data%20Visualization/agebarchart/dataEL.tsv"></script>

标签: javascript csv d3.js jsfiddle


【解决方案1】:

我不认为 jsFiddle.net 允许您上传除了引用 JS 文件之外的外部资源。

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

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

您可以尝试其他站点,或将文件 dataEL.tsv 上传到可访问 Internet 的 Web 服务器,然后使用完整 URL 而不是 jsFiddle.net 上的 URL 请求它。

【讨论】:

  • 谢谢!我确实尝试将完整的 URL 替换为 jsfiddle 的 .js 代码,但不幸的是也没有得到令人满意的结果。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-10-10
  • 2021-05-21
  • 2014-03-16
  • 2016-09-13
  • 2017-06-03
  • 1970-01-01
相关资源
最近更新 更多