Jupyter Notebook无法显示pyecharts可视化图表解决方法

提示:详细解决方案可直接移步 pyecharts官档

文章目录

  • 问题描述
  • 问题原因
  • 解决办法
  • 总结

  • 问题描述

    在按照某些数据分析教材学习 pyecharts 库时,遇到如下问题:

    在 Jupyter Notebook 中使用 pyecharts 生成可视化图表时,Notebook 中显示空白,无任何图表输出显示。
    代码如下:

    from pyecharts.charts import Bar
    
    attr = ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
    v1 = [5, 20, 36, 10, 75, 90]
    v2 = [10, 25, 8, 60, 20, 80]
    bar = Bar()
    bar.add_xaxis(attr)
    bar.add_yaxis("商家A", v1)
    bar.add_yaxis("商家B", v2)
    
    bar.render_notebook()
    

    运行效果如下图:
    运行后显示空白
    在基于PyCharm的Jupyter Notebook中运行也是如此。


    问题原因

    Notebook 中缺少echarts图表基本的JavaScript文件,导致图表渲染不出来。

    解决办法

    在原来的代码中增加语句bar.load_javascript(),加载基本的 JavaScript 文件到 Notebook 中。
    代码如下:

    from pyecharts.charts import Bar
    
    attr = ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
    v1 = [5, 20, 36, 10, 75, 90]
    v2 = [10, 25, 8, 60, 20, 80]
    bar = Bar()
    bar.add_xaxis(attr)
    bar.add_yaxis("商家A", v1)
    bar.add_yaxis("商家B", v2)
    
    bar.load_javascript()
    

    注意:
    代码写到这里,可以先运行以上代码加载echarts图表所需的基本JavaScript文件,然后另换一个cell写图表渲染到 Notebook 语句运行,就可以正常显示图表了。

    bar.render_notebook()
    

    运行结果如下图:
    图表正常显示
    提示:
    在同一个 Notebook 文件中,echarts图表基本的JavaScript文件平常只需加载一次就可以了,后续的图表生成只需直接渲染到 Notebook 即可,而不需要再重复写 load_javascript() 语句了。如下图:
    后续图表直接渲染即可
    如果后续遇到渲染不出的情况,需再次使用load_javascript() 加载所需 js 文件。

    在基于 PyCharm 的 Jupyter Notebook 中运行亦是如此。


    总结

    有能力还是直接看官方文档去学习,避坑…

    本文只是针对图表显示异常的解决办法,关于 pyecharts 的更多用法请参考 pyecharts官档。

    作者:conderchi

    物联沃分享整理
    物联沃-IOTWORD物联网 » Jupyter Notebook无法显示pyecharts可视化图表解决方法

    发表回复