526互联

在vscode中正确使用pyecharts

发布时间 2023-10-31 18:03:45作者: 逝痕枫舞

在vscode中正确使用pyecharts

正常的pyecharts模块可以将我们的图标render到html中，但是在vscode中的jupyter中不会正常显示，只会有白色色块。

查看大量帖子和issue还有官方网址发现,是无法正常导入css等资源文件导致，这种现象可以通过打开vpn代理后打开render后的html，也会发现同样的问题。

解决办法

我们需要手动指定css资源文件的HOST路径，下面是示例代码：

cell 1

from pyecharts.globals import CurrentConfig, NotebookType, OnlineHostType
CurrentConfig.NOTEBOOK_TYPE = NotebookType.JUPYTER_LAB
CurrentConfig.ONLINE_HOST = "https://assets.pyecharts.org/assets/"

from pyecharts.charts import Bar

bar = Bar()
bar.add_xaxis(["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"])
bar.add_yaxis("商家A", [5, 20, 36, 10, 75, 90])

bar.load_javascript()

cell 2

bar.render_notebook()

img
注意！一定要load_javscript()和render_notebook在不同的cell里面执行，这点官网也有提及。