Flask和ECharts可以很好地配合使用来制作数据大屏。以下是一个简单的示例：

1. 安装Flask和ECharts

首先需要安装Flask和ECharts：

```
$ pip install flask
$ pip install pyecharts
```

2. 创建Flask应用

创建一个名为app.py的Python文件，用于创建Flask应用：

```python
from flask import Flask, render_template
from pyecharts import options as opts
from pyecharts.charts import Bar

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/data')
def data():
    # 生成数据
    x_data = ['A', 'B', 'C', 'D', 'E']
    y_data = [5, 20, 36, 10, 75]

    # 创建柱状图
    bar = (
        Bar()
        .add_xaxis(x_data)
        .add_yaxis('data', y_data)
    )

    # 渲染图表
    return bar.dump_options_with_quotes()

if __name__ == '__main__':
    app.run()
```

3. 创建模板文件

在Flask应用的根目录下创建一个名为templates的文件夹，并在该文件夹下创建一个名为index.html的模板文件：

```html
<!DOCTYPE html>
<html>
<head>
    <title>Data Dashboard</title>
    <script src="https://cdn.jsdelivr.net/npm/echarts@4.9.0/dist/echarts.min.js"></script>
</head>
<body>
    <div id="chart" style="width: 600px; height: 400px;"></div>
    <script>
        // 使用Ajax请求数据
        var xhr = new XMLHttpRequest();
        xhr.open('GET', '/data', true);
        xhr.onreadystatechange = function () {
            if (xhr.readyState === 4 && xhr.status === 200) {
                var options = JSON.parse(xhr.responseText);
                var chart = echarts.init(document.getElementById('chart'));
                chart.setOption(options);
            }
        };
        xhr.send();
    </script>
</body>
</html>

制作不易,请点赞加关注

# flask # echarts # python
Logo
永洪数据分析社区

永洪科技，致力于打造全球领先的数据技术厂商，具备从数据应用方案咨询、BI、AIGC智能分析、数字孪生、数据资产、数据治理、数据实施的端到端大数据价值服务能力。

更多推荐

cover

java计算机毕业设计教师工作量统计系统 基于SpringBoot的高校教师绩效测算与可视化平台 教师教学任务与工作量智能汇总系统

avatar 永洪数据分析社区
cover

BI是报表？BI是可视化？BI到底是什么？

avatar 永洪数据分析社区

AI智能体+BI可视化：1小时极速入门，市场部独力完成分析报告

商务蓝：适合正式报告活力橙：适合创意活动环保绿：适合可持续发展主题自主分析能力：不再依赖IT部门，活动当天即可产出分析结论智能数据处理：AI智能体自动完成80%的数据清洗和分析工作专业可视化：通过PowerBI制作媲美专业数据分析师的报告持续优化：建立可复用的分析模板，后续活动效率更高决策支持：基于数据快速调整营销策略，提升活动ROI现在就可以尝试部署你的第一个智能分析环境，体验从数据到决策的高速

avatar 永洪数据分析社区