如何将 json 数据框集成到 html 文件中
How to integrate a json data frame into an html file
我目前 "learning" d3js 一个人,我找到了很多例子 here。似乎对于所有的可视化,我们需要两个单独的文件。一个是脚本(html 文件),另一个是 json 文件,其中包含我们的数据集。
我很好奇是否有办法将 json 文件放入 html 文件,这样我们就可以只有一个文件。我想我以前在互联网上看到过这样的例子,但我把它弄丢了。
我想这样做的唯一原因是如果数据集与 html 文件分开,我不能使用 Chrome 查看我的结果(我认为 Chrome阻止脚本读取本地数据集)。我可以使用 Firefox 打开我的结果,但动画执行不流畅。
可能我的一些理解不太对。但如果有任何建议,请告诉我。提前致谢。
如果您只使用一个 HTML 文件,您的页面上可能有一个 <script>
标记,所有代码都位于该标记处。您可以将数据定义为 Javascript 数组。
使用多个文件来组织代码、数据和视图元素会很好(HTML)。 This 页面提供了一些有关设置浏览器以允许您执行此操作的帮助。对于 Chrome,关闭所有打开的 windows。然后 运行 Chrome 来自带有此标志的 'Run' 提示:chrome --allow-file-access-from-files
我目前 "learning" d3js 一个人,我找到了很多例子 here。似乎对于所有的可视化,我们需要两个单独的文件。一个是脚本(html 文件),另一个是 json 文件,其中包含我们的数据集。
我很好奇是否有办法将 json 文件放入 html 文件,这样我们就可以只有一个文件。我想我以前在互联网上看到过这样的例子,但我把它弄丢了。
我想这样做的唯一原因是如果数据集与 html 文件分开,我不能使用 Chrome 查看我的结果(我认为 Chrome阻止脚本读取本地数据集)。我可以使用 Firefox 打开我的结果,但动画执行不流畅。
可能我的一些理解不太对。但如果有任何建议,请告诉我。提前致谢。
如果您只使用一个 HTML 文件,您的页面上可能有一个 <script>
标记,所有代码都位于该标记处。您可以将数据定义为 Javascript 数组。
使用多个文件来组织代码、数据和视图元素会很好(HTML)。 This 页面提供了一些有关设置浏览器以允许您执行此操作的帮助。对于 Chrome,关闭所有打开的 windows。然后 运行 Chrome 来自带有此标志的 'Run' 提示:chrome --allow-file-access-from-files