flask+echart
时间: 2023-08-18 22:04:48 浏览: 92
flask_echarts:使用flask和echarts绘制图表的示例
要在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
阅读全文