### Pyecharts 生成的 HTML 图表在浏览器中无法显示的解决方案 Pyecharts 生成的 HTML 文件在浏览器中无法正常显示图表的问题，通常与静态资源加载失败有关。以下是详细分析和解决方法： #### 静态资源加载问题 Pyecharts 默认从远程地址加载 ECharts 的静态资源文件，例如 `https://assets.pyecharts.org/assets/`[^4]。如果该地址不可用或网络连接受限，则可能导致图表无法渲染。 #### 解决方案：使用本地静态资源 将 ECharts 的静态资源文件下载到本地，并修改 Pyecharts 的配置以引用本地路径。具体操作如下： 1. **下载静态资源文件** 访问 [pyecharts-assets](https://gitcode.com/Universal-Tool/af076) 或直接下载 `echarts.min.js` 文件[^5]。将文件保存到项目的某个目录，例如 `./assets/`。 2. **修改全局配置** 使用 `pyecharts.globals.CurrentConfig` 修改默认的静态资源路径为本地路径[^3]。 ```python from pyecharts.globals import CurrentConfig # 设置本地静态资源路径 CurrentConfig.ONLINE_HOST = './assets/' # 确保路径正确，不含文件名 ``` 3. **确保 HTML 文件与静态资源在同一目录** 如果将 `echarts.min.js` 放置在其他目录下，则需要调整 `ONLINE_HOST` 的值以匹配实际路径。 #### 示例代码 以下是一个完整的示例，展示如何生成并正确渲染图表： ```python from pyecharts.charts import Bar from pyecharts import options as opts from pyecharts.globals import CurrentConfig # 设置本地静态资源路径 CurrentConfig.ONLINE_HOST = './assets/' # 确保路径正确 # 创建柱状图 bar = ( Bar() .add_xaxis(["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]) .add_yaxis("商家A", [5, 20, 36, 10, 75, 90]) .set_global_opts(title_opts=opts.TitleOpts(title="Bar-基本示例")) ) # 渲染为 HTML 文件 bar.render("bar_chart.html") ``` #### 其他注意事项 - **检查生成的 HTML 文件** 打开生成的 HTML 文件，查看 `<script>` 标签是否正确引用了 `echarts.min.js` 文件。如果路径错误，需重新检查 `ONLINE_HOST` 的设置。 - **浏览器缓存问题** 如果修改了静态资源路径但图表仍然无法显示，可能是由于浏览器缓存导致。尝试清除浏览器缓存或使用无痕模式打开页面[^2]。 - **Jupyter Notebook 中的渲染问题** 在 Jupyter Notebook 中使用 Pyecharts 时，可能需要额外配置以启用渲染功能。例如，确保安装了最新版本的 Pyecharts，并运行以下代码[^1]： ```python from pyecharts.globals import CurrentConfig CurrentConfig.ONLINE_HOST = "https://cdn.jsdelivr.net/npm/echarts@5.4.2/dist/echarts.min.js" ``` --- ###