Pyechart在Jupyter Lab下无法正确显示图形的问题

刺骨的言语ヽ痛彻心扉 2022-11-26 07:42 310阅读 0赞

## 问题 ##

pyechart是echarts在python下的版本，在jupyter-notebook中有时候会无法正确显示图形，该如何处理？

## 处理办法 ##

## 1 声明notebook版本和配置
    from pyecharts.globals import CurrentConfig, NotebookType
    CurrentConfig.NOTEBOOK_TYPE = NotebookType.JUPYTER_LAB
    
    
    import pyecharts.options as opts
    from pyecharts.charts import Bar
    
    bar = (
        Bar()
        .add_xaxis(["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"])
        .add_yaxis("商家A", [5, 20, 36, 10, 75, 90])
        .add_yaxis("商家B", [15, 6, 45, 20, 35, 66])
        .set_global_opts(title_opts=opts.TitleOpts(title="主标题", subtitle="副标题"))
    )
    ### 2  加载javascript
    bar.load_javascript()
    
    bar.render_notebook()

## 示例截图 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JsdWVoZWFydDIw_size_16_color_FFFFFF_t_70]

## 总结分析 ##

Jupyter Lab 渲染的时候有两点需要注意

在顶部声明 Notebook 类型，必须在引入 pyecharts.charts 等模块前声明  
from pyecharts.globals import CurrentConfig, NotebookType  
CurrentConfig.NOTEBOOK\_TYPE = NotebookType.JUPYTER\_LAB  
在第一次渲染的时候调用 load\_javascript() 会预先加载基本 JavaScript 文件到 Notebook 中。如若后面其他图形渲染不出来，则请开发者尝试再次调用，因为 load\_javascript 只会预先加载最基本的 js 引用。而主题、地图等 js 文件需要再次按需加载。  
load\_javascript() 和 render\_notebook() 方法需要在不同的 cell 中调用，这是 Notebook 的内联机制，其实本质上我们是返回了带有 *html*, *javascript* 对象的 class。notebook 会自动去调用这些方法。

## 参考文档 ##

1.  pyecharts [官方站点][Link 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JsdWVoZWFydDIw_size_16_color_FFFFFF_t_70]: /images/20221124/59fa46dd120c4195aa038c4eed7648de.png
[Link 1]: http://pyecharts.org/#/zh-cn/notebook?id=jupyter-lab