首页flask+echart

flask+echart

时间: 2023-08-18 22:04:48 浏览: 95

要在Flask中使用ECharts，您需要按照以下步骤进行操作： 1. 安装Flask和ECharts：使用pip命令安装Flask和ECharts库。 ```shell pip install flask pip install pyecharts ``` 2. 创建Flask应用：在Python文件中导入Flask库并创建一个Flask应用。 ```python from flask import Flask, render_template app = Flask(__name__) ``` 3. 创建路由和视图函数：定义一个路由，将ECharts图表渲染到HTML模板中。 ```python @app.route('/') def index(): # 创建ECharts图表对象，并添加数据 from pyecharts import options as opts from pyecharts.charts import Line data = [1, 2, 3, 4, 5] x_data = ['A', 'B', 'C', 'D', 'E'] line = Line() line.add_xaxis(x_data) line.add_yaxis("", data) line.set_global_opts(title_opts=opts.TitleOpts(title="ECharts Line Chart")) # 渲染图表到HTML模板 return render_template('index.html', chart=line.render_embed()) ``` 4. 创建HTML模板：在项目根目录下创建一个名为`templates`的文件夹，并在该文件夹中创建一个名为`index.html`的HTML模板。 ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ECharts with Flask</title> </head> <body> <h1>ECharts Line Chart</h1> {{ chart|safe }} </body> </html> ``` 5. 运行应用：在Python文件中添加以下代码来运行Flask应用。 ```python if __name__ == '__main__': app.run(debug=True) ``` 6. 在浏览器中查看结果：在浏览器中输入`http://localhost:5000`来查看E

阅读全文