Javascript 如何在Wordpress中使用D3js？

我已经安装了wordpress以及d3js插件。现在，上传数据的最佳方式是什么，这样我就可以动态地制作和提供图表

• 如果我直接上传csv文件，我应该将其存储在哪里？这有关系吗
• 如果我想将数据存储在第三方站点中，我可以使用什么？最好是免费服务

---

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

您可以在WordPress中使用vida.io嵌入功能。这是免费的公众形象。例如：

<iframe src="http://vida.io/embed/SodotqYWppo6NWK9m" style="width: 100%; height: 350px" frameBorder="0"/>

---

我使用的方法实现了一个iframe。这与插件一起工作。将html文件（包括所有依赖的CSV/TSV等）上载到常用的wordpress媒体库。然后获取指向html的链接，并将其添加到页面视图的文件路径中：

[pageview url="/wp-content/uploads/2014/01/wpload.html" height="400px" border="yes']

还有一点：

---

这是一个专门针对d3和wordpress的插件，但我在这方面没有太多成功。

事实上，如果您运行自己的wordpress实例，您可能不需要任何插件（wordpress.com网站有限制）

正如ekatz所说，将文件上传到媒体库中：数据（csv或json）和包含d3.js可视化的html页面（将javascript嵌入html可能是个好主意） 注意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>`

`
`

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

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

请参阅此处的更多详细信息：

---

关于存储数据的外部服务，您可以使用json数据，它是免费和开源的。

将您的数据文件包含在WP媒体库中，然后复制相关链接

---

在代码中通常显示数据文件名的位置插入链接，但不要在包含的URL中包含数据链接

浏览了很多网站、youtube视频后，我的解决方案如下：

安装文件管理器插件

为您的d3项目添加一个文件夹（例如：d3项目/project_1），该文件夹应与wp管理员、wp内容一起位于public_html文件夹中

确保javascript代码嵌入到index.html页面中

将index.html和css文件添加到项目1文件夹中

在你的站点/url/project\u 1预览你的D3js图表

---

我投票决定结束这场辩论，因为还没有一个大致的答案。首先，将数据与代码放在同一位置可能是最容易的。在提供指向外部站点的链接时，最好在此处提供最简单的步骤，因为您永远不知道web上的内容何时更改感谢评论，我扩展了我的答案