将d3.js嵌入Jekyll Post

时间:2017-06-01 19:22:49

标签: javascript html css d3.js jekyll

正好this question,我想在我的博客上嵌入此particular example

我尝试使用<iframe>,但bl.ocks.org不再支持它了。我尝试使用<iframe>使用rawgit,但这也没有用。我尝试使用给定here的方法,它有效!但就我的例子来说,它并不是。

我已检查过这两个网站(this one)和(this too),并发现在我的情况下,d3 script并未追加svg我的自定义div中的元素。 (请查看我使用的方法this answer

请建议我如何处理此事。

1 个答案:

答案 0 :(得分:1)

我通过以下方式解决了这个问题:

  1. 在主_includes的{​​{1}}中创建另一个文件夹 目录并将自定义Jekyll文件放入其中。
  2. 然后将.js更改为 d3.select("body").selectAll("svg")
  3. 最后,它会呈现自定义d3.select("div#example").append("svg")文件。