### 问题分析与解决方案 在 Python 3.10 和 Pyecharts 2.0.8 中生成的 HTML 文件无法调整大小的问题，通常与 Pyecharts 的配置选项以及前端 JavaScript 的实现有关。以下是可能的原因及解决方案： #### 1. **Pyecharts 配置中的 `init_opts`** Pyecharts 提供了 `init_opts` 参数来初始化图表的宽高属性。如果未正确设置宽高属性，可能导致生成的 HTML 文件无法动态调整大小。 ```python from pyecharts.charts import Bar from pyecharts import options as opts bar = ( Bar(init_opts=opts.InitOpts(width="100%", height="600px")) # 设置宽度为 100%，高度为固定值 .add_xaxis(["A", "B", "C"]) .add_yaxis("Series 1", [1, 2, 3]) .render("bar.html") ) ``` 上述代码中设置了宽度为 `100%`，高度为 `600px`[^1]。通过将宽度设置为百分比，可以确保图表能够根据容器大小自动调整。 #### 2. **HTML 容器的样式** Pyecharts 生成的 HTML 文件中，默认的容器样式可能没有正确设置宽度和高度。需要手动修改 HTML 文件中的 `<div>` 样式以支持动态调整。 打开生成的 HTML 文件，找到类似以下的代码段： ```html <div id="main" style="width: 800px; height: 600px;"></div> ``` 将其修改为： ```html <div id="main" style="width: 100%; height: 100%;"></div> ``` 同时，确保父级容器也具有明确的宽度和高度。例如： ```css body, html { width: 100%; height: 100%; margin: 0; padding: 0; } ``` #### 3. **JavaScript 动态调整大小** 即使设置了宽度为 `100%`，有时仍需通过 JavaScript 手动触发图表的重绘。可以在生成的 HTML 文件中添加以下脚本： ```javascript window.onresize = function() { var chart = echarts.getInstanceByDom(document.getElementById('main')); if (chart) { chart.resize(); } }; ``` 此脚本监听窗口大小变化，并调用 `resize()` 方法重新绘制图表[^2]。 #### 4. **拖拽位置功能** 如果需要实现拖拽位置的功能，可以通过 ECharts 的扩展插件 `dataTool` 实现。首先，确保在 HTML 文件中引入了 `dataTool` 插件： ```html <script src="https://assets.pyecharts.org/assets/echarts.min.js"></script> <script src="https://assets.pyecharts.org/assets/dataTool.min.js"></script> ``` 然后，在 Pyecharts 的配置中启用拖拽功能： ```python bar.set_global_opts( toolbox_opts=opts.ToolboxOpts( feature=opts.ToolBoxFeatureOpts( data_view=opts.ToolBoxFeatureDataViewOpts(is_show=True), magic_type=opts.ToolBoxFeatureMagicTypeOpts(is_show=True), restore=opts.ToolBoxFeatureRestoreOpts(is_show=True), save_as_image=opts.ToolBoxFeatureSaveAsImageOpts(is_show=True), ) ) ) ``` 此配置启用了工具箱功能，允许用户拖拽图表并调整其位置[^3]。 --- ### 注意事项 - 如果仍然无法调整大小，请检查浏览器的开发者工具（F12），确保没有 CSS 冲突或 JavaScript 错误。 - 确保 Pyecharts 和 ECharts 的版本兼容性。Pyecharts 2.0.8 基于 ECharts 5.x，建议使用对应的文档进行参考[^4]。 ---