首页使用python flask框架进行pyecharts运行成html的图形整合

使用python flask框架进行pyecharts运行成html的图形整合

时间: 2024-05-12 19:20:06 浏览: 143

以下是一个简单的示例，使用python Flask框架和Pyecharts库将图表生成为HTML文件： 1. 首先，安装Flask和Pyecharts库： ```python pip install flask pip install pyecharts ``` 2. 创建一个名为app.py的Flask应用程序，并在其中导入必要的库： ```python from flask import Flask, render_template from pyecharts.charts import Bar from pyecharts import options as opts ``` 3. 创建一个路由，用于生成图表并将其呈现为HTML文件： ```python app = Flask(__name__) @app.route('/') def index(): # 创建一个柱状图 bar = ( Bar() .add_xaxis(['A', 'B', 'C', 'D', 'E']) .add_yaxis('Series 1', [5, 20, 36, 10, 75]) .add_yaxis('Series 2', [15, 6, 45, 20, 35]) .set_global_opts(title_opts=opts.TitleOpts(title='Bar Chart')) ) # 将图表生成为HTML文件 bar.render('./templates/bar_chart.html') # 使用Flask的render_template函数呈现HTML文件 return render_template('bar_chart.html') ``` 4. 创建一个名为bar_chart.html的HTML模板，用于呈现图表： ```html <!DOCTYPE html> <html> <head> <title>Bar Chart</title> </head> <body> <div id="bar_chart" style="width: 800px; height: 400px;"></div>  <script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.8.0/echarts.min.js"></script>  <script> var chart = echarts.init(document.getElementById('bar_chart')); chart.setOption({ {% raw %}{{ bar | safe }}{% endraw %} }); </script> </body> </html> ``` 5. 运行Flask应用程序： ```python if __name__ == '__main__': app.run(debug=True) ``` 6. 在浏览器中访问http://localhost:5000/，即可看到生成的柱状图。

阅读全文