首页 > 解决方案 > 在 HTML 中的绘图上设置配置选项,不使用 show() 函数

问题描述

我有两个转换为 json 的图形,我将它们传递到 HTML 模板中,然后在浏览器中呈现这个模板:

fig1_json = fig1.to_json()
fig2_json = fig2.to_json()

with tempfile.NamedTemporaryFile('w', delete=False, suffix='.html') as f:
    url = 'file://' + f.name
    f.write(template.format(fig1_json,fig2_json))
webbrowser.open(url)



template = """<html>
        <head>
            <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
        </head>
        <body>

            <div id='divPlotly' style="margin: 20px"></div>
            <div id='divPlotly2' style="overflow-x: auto; margin: 0px 25px;" ></div>
            <script>
                var plotly_3d = {0}
                Plotly.react('divPlotly', plotly_3d.data, plotly_3d.layout);
                var plotly_table = {1}
                Plotly.react('divPlotly2', plotly_table.data, plotly_table.layout);
            </script>
        </body>

        </html>"""

这工作正常,但我想在表格图上设置一个配置选项 {"staticPlot": true},我在模板中尝试过:

 Plotly.setPlotConfig = ({"staticPlot": true}); 

或者

 plotly_table.config = ({"staticPlot": true}); 

或者

Plotly.react('divPlotly2', plotly_table.data, plotly_table.layout, {"staticPlot": true} )

但这不起作用。我收到一个错误 KeyError: '"staticPlot"'。在这种情况下如何设置配置选项?谢谢

标签: pythonplotlyplotly-pythonplotly.js

解决方案


推荐阅读