javascript - 我如何在 Wordpress 中使用 D3js？

Question

我已经安装了 wordpress 以及 d3js 的插件。现在，什么是上传数据的最佳方式，以便我可以即时制作和提供图表？

• 如果我直接上传 csv 文件，我将它存储在哪里？重要吗？
• 如果我想将数据存储在第三方网站上，我可以使用什么？最好是免费服务。

我已经在我的本地机器上制作了图表，现在我想发布这些图表。

Answer 1

实际上，如果您正在运行自己的 wordpress 实例，您可能不需要任何插件(wordpress.com 站点有限制)。

1. 正如 ekatz 所说，将您的文件上传到媒体库:数据(csv 或 json)和包含 d3.js 可视化效果的 html 页面(在 html 中嵌入 javascript 可能是个好主意)请注意 html 的 URL，例如:www.yourwebsite.com/wp-content/uploads/2015/11/d3page.html

请注意您的 javascript 如何引用您的数据。如果在同一目录下上传，则以相对路径导入 d3.csv("file.csv")2. 在post/page 版中，使用HTML 模式并创建一个iFrame:

`<iframe
  style="border: 0px;"
  src="www.yourwebsite.com/wp-content/uploads/2015/11/d3page.html"
  scrolling="no"
  width="100%"
  height="500px">
</iframe>`

滚动选项和边框样式用于使其看起来像是帖子的一部分。

预览或发布后，您应该会看到可视化效果。

查看更多详细信息:http://www.datamaplab.com/posts/embedding-javascript-visualization-wordpress/

关于存储数据的外部服务，可以使用http://www.fledit.io/对于 json 数据，它是免费和开源的。