将并行坐标库(d3.js)导入jsfiddle

时间:2015-08-07 11:00:58

标签: javascript d3.js import jsfiddle parallel-coordinates

我正在尝试用jsfiddle做我的一个项目,以便能够分享它(另一个问题)。
这是我到目前为止所做的: https://jsfiddle.net/x74wemq0/3/

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"       charset="utf-8"></script>

我已经包含了我需要的d3.js(上面张贴) 缺少的东西是这个库https://github.com/syntagmatic/parallel-coordinates的导入,但我没有找到我必须使用的链接(说实话,我真的不知道如何正确使用它)。你能告诉我什么是正确的链接,以及我如何使用它或我可以学习如何(对于初学者)。

我已经尝试过: 使用指向库(https://raw.githubusercontent.com/syntagmatic/parallel-coordinates/master/d3.parcoords.js)的(原始)代码的github链接,但这不起作用(也许我以错误的方式使用它;我使用它等于d3.js导入)< / p> 提前谢谢你 琼斯

1 个答案:

答案 0 :(得分:1)

在js小提琴中:

点击右侧导航栏中的External Resources 过去你的脚本网址

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js

点击加上,然后添加并行坐标网址

https://syntagmatic.github.io/parallel-coordinates/d3.parcoords.js

添加css你做同样的事情,但使用css url

https://syntagmatic.github.io/parallel-coordinates/d3.parcoords.css

您的代码应该可以运行。值得指出的是,你的代码中存在错误(在js小提琴上),一旦你对lib问题进行了排序,这些就会变得清晰