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官档。