如何在网页中嵌入一个可交互的图表
How to Embed a Plotly Interactive Graph in Webpage
我在 Python 中有一个由 Plotly 生成的交互式图表,我使用 plotly.offline.plot(fig, filename='/tmp/interactiveGraph.html')
将其保存到 html 文件中
我现在正尝试使用 Dash 或 Django 将此交互式图形嵌入到某种网页中。考虑到我有一个 html 版本的图表,我现在倾向于 Django。 哪个更好?
我的网页代码与我创建图表的代码位于不同的文件中。
我在网上找到的很多教程只是说在模板中添加几行,但我不知道如何获取他们描述的那些行。
tl;dr:我正在寻找有关如何使用 Django 或 web python 脚本集成 html 文件(用于 Plotly 交互式图形)的指导破折号
附带问题:
和
有什么区别
plotly.offline.plot(fig, include_plotlyjs=False, output_type='div')
我上面有什么?
参考:
https://github.com/ricleal/DjangoPlotLy
https://www.pythonsetup.com/how-implement-data-visualization-django-and-plotly/
我强烈推荐 Django,它是一个很棒的框架。至于这个,最好的选择是通过 JavaScript 生成数据,Plotly 有一个很棒的库来处理这个问题。如果一定要用python,那么可以用Django。假设你熟悉 Django,在你的视图中你可以收集你的数据并构建你的图表(我建议 celery 任务像这样长 运行 除非它们是小图表),然后你可以收集return 从以 div 格式创建图表。这将 return 一个字符串,其中包含图表所需的所有 html 和 css。把这个放在你的 get_context_data() 方法中,放在你的视图中,并将它放入字典中。您可以在模板中使用该对象。我以前做过这个,如果你有困难,请随时私信我。希望这对一些人有所帮助!
关于你的附带问题,我相信如果你有 plotly JS 库的包含,包含 JS 的 False 会使图形变小一点。他们可能在较新的版本中这样做以使图形更快,因为它们在浏览器中明显较慢 python JS 呈现一个。
我在 Python 中有一个由 Plotly 生成的交互式图表,我使用 plotly.offline.plot(fig, filename='/tmp/interactiveGraph.html')
我现在正尝试使用 Dash 或 Django 将此交互式图形嵌入到某种网页中。考虑到我有一个 html 版本的图表,我现在倾向于 Django。 哪个更好?
我的网页代码与我创建图表的代码位于不同的文件中。
我在网上找到的很多教程只是说在模板中添加几行,但我不知道如何获取他们描述的那些行。
tl;dr:我正在寻找有关如何使用 Django 或 web python 脚本集成 html 文件(用于 Plotly 交互式图形)的指导破折号
附带问题:
和
有什么区别plotly.offline.plot(fig, include_plotlyjs=False, output_type='div')
我上面有什么?
参考:
https://github.com/ricleal/DjangoPlotLy
https://www.pythonsetup.com/how-implement-data-visualization-django-and-plotly/
我强烈推荐 Django,它是一个很棒的框架。至于这个,最好的选择是通过 JavaScript 生成数据,Plotly 有一个很棒的库来处理这个问题。如果一定要用python,那么可以用Django。假设你熟悉 Django,在你的视图中你可以收集你的数据并构建你的图表(我建议 celery 任务像这样长 运行 除非它们是小图表),然后你可以收集return 从以 div 格式创建图表。这将 return 一个字符串,其中包含图表所需的所有 html 和 css。把这个放在你的 get_context_data() 方法中,放在你的视图中,并将它放入字典中。您可以在模板中使用该对象。我以前做过这个,如果你有困难,请随时私信我。希望这对一些人有所帮助!
关于你的附带问题,我相信如果你有 plotly JS 库的包含,包含 JS 的 False 会使图形变小一点。他们可能在较新的版本中这样做以使图形更快,因为它们在浏览器中明显较慢 python JS 呈现一个。