怎么样在HTML页面中动态加载PyEcharts图表？

在HTML页面中动态加载PyEcharts图表，你需要几个步骤：

1. **创建图表数据**：在Python后端，使用PyEcharts生成图表所需的JSON数据，包括系列、标签、数据点等信息。保存为一个字符串或者其他适合跨域传输的格式。

2. **编码和发送数据**：将生成的图表数据序列化成HTTP响应内容，通常是JSON格式。如果是Python，可以使用`json.dumps()`。

from pyecharts import options as opts
import json

chart_data = {
    "option": {
        # 这里填写你的Echarts配置选项
    }
}
response_content = json.dumps(chart_data)

3. **返回数据到前端**：使用Flask、Django或其他框架的视图函数将这个响应内容返回给浏览器。例如，在Flask中：

from flask import jsonify

@app.route('/get_chart', methods=['GET'])
def get_chart():
    return jsonify({"chart": response_content})

4. **前端接收和解析数据**：在HTML页面，通过AJAX或Fetch API从服务器获取数据，然后动态创建Echarts实例并设置其配置。

<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.x.x/echarts.min.js"></script>
<div id="main" style="height: 400px;"></div>

<script>
$.getJSON('/get_chart', function(data) {
    var chartData = data.chart;
    var myChart = echarts.init(document.getElementById('main'));
    myChart.setOption(JSON.parse(chartData));
});
</script>