flask+pyecharts繪製的圖表增加互動

qbning發表於2024-06-26

似乎是個很簡單的問題,記錄下怎麼用吧,搜到了下面連結的,感覺不夠靈活

利用pyecharts實現中國省與市之間的跳轉_pyecharts點選地圖跳轉-CSDN部落格

如果需要在建立這個圖表的時候新增點選的指令碼,那麼用flask就不能用json進行傳遞。

{{ html_str|safe }}

可以在html裡新增一個變數,然後在return時傳進來.render_embed()

然後要先獲取生成圖表的id,用get_chart_id()函式返回id,也可以在宣告時設定id,例如chart = Pie(init_opts=opts.InitOpts(chart_id='aaaa'))

然後.add_js_funcs來新增指令碼即可

例如

chart1.add_js_funcs("""
                    alert("呃呃呃");
                    chart_""" + id + """.on('click', function (params){
                    alert(params.name);
                    console.log(params.name);
                }
                );
    """)

將會先彈窗提示id,然後在點選某個元件後彈窗提示它的name

例如

flask+pyecharts繪製的圖表增加互動

相關文章