javascript - 使用plotly.js 从 JSON 构建绘图

标签 javascript python json plotly plotly.js

我使用plotly.py构建了一个绘图并将其转换为JSON文件:

plotly.io.write_json(fig, 'name.json')

创建 JSON 文件后,我还需要使用plotly.js 构建相同的绘图。如何从生成的 JSON 文件构建它? 文件由两个主要部分组成。第一部分是数据(绘图中约 100 多行的参数),第二部分是绘图的布局。 plotly.js 中是否有任何标准函数可以根据plotly 规则生成的JSON 构建绘图?

最佳答案

这可以在 JavaScript 中实现,首先导入文件,然后获取数据、布局和配置键。

import testData from './name.json';

Plotly.newPlot('myDiv', testData.data, testData.layout, testData.config);
<head>
    <!-- Load plotly.js into the DOM -->
    <script src='https://cdn.plot.ly/plotly-2.11.1.min.js'></script>
</head>

<body>
    <div id='myDiv'><!-- Plotly chart will be drawn inside this DIV --></div>
</body>

关于javascript - 使用plotly.js 从 JSON 构建绘图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60825962/

相关文章:

javascript - expressjs 无需任何引擎即可渲染 html 文件

javascript - 使用 chart.js v2 删除图表上的图例

写入数据科学标准输出时,Python 进程因 "Low Swap"而终止

Python 与 Jython - MuleSoft

javascript - 在 div 中显示 json html 数据

php - 如何从php中的json输出中删除反斜杠

javascript - 继承了一个引用 fast.fonts.net 的网站 - 它是什么?

javascript - vueJS如何在不同选项卡显示不同内容

python - 如何从 Web 平台安装程序中卸载 python?

java - 如何在获取整个JSON数据源的同时获取某个标签