charts漏斗图表_漏斗图 | ECharts 数据可视化实验室

介绍

漏斗图又叫倒三角图,漏斗图将数据呈现为几个阶段,每个阶段的数据都是整体的一部分,从一个阶段到另一个阶段数据自上而下逐渐下降,所有阶段的占比总计100%。与饼图一样,漏斗图呈现的也不是具体的数据,而是该数据相对于总数的占比、漏斗图不需要使用任何数据轴。

适合的数据类型

A

30%

B

20%

C

20%

D

10%

漏斗图的使用建议

1、以电商网站数据为代表,漏斗图能直观地展现从最初展现网站到最终下订单购买这整个流程中的转化状况。它不仅能展示用户从看到网站到实现购买的最终转化率,还可以展示每个步骤的转化率,能够直观地展示和说明问题所在,进而能针对性地通过各阶段的转化分析去改善设计。

如下图,「展现」「点击」「访问」三个环节基本并没有太大的流失,但是从「访问」到「咨询」环节数据明显减少,所以就可以重点分析为什么咨询量明显减少,例如是不是咨询的入口不够明显造成的。

2、可以对两个基于统一事情前后的两份数据使用叠加两个漏斗图进行对比,例如下图通过预期值和实现值的对比,可以分析每一项实现情况和预期指标的偏差。

3、还可以用左右对比的漏斗图同时分析两个项目的转化情况。如下图可见项目B从「访问」到「咨询」环节的流失率明显大于项目A。

4、漏斗图不是表示各个分类的占比情况,而是展示数据变化的一个逻辑流程,如果数据是无逻辑顺序的占比比较,建议使用饼图更合适。

5、可以根据数据选择使用对比色或同一种颜色的色调渐变,从最暗到最浅来依照漏斗的尺寸排列。切记,不要添加许多图层和颜色造成漏斗图难以阅读。

更多示例

eb3405529e2afcd19025d93b0b73d7c8.png

e160535438306df68a9dfbede9873636.png

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用 Flask 和 Echarts 可以很方便地搭建一个数据可视化大屏。以下是一个简单的示例: 1. 安装 Flask 和 Echarts: ``` pip install flask pip install pyecharts ``` 2. 创建 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 = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] y = [820, 932, 901, 934, 1290, 1330, 1320] # 生成图 bar = ( Bar() .add_xaxis(x) .add_yaxis('Sales', y) .set_global_opts(title_opts=opts.TitleOpts(title='Weekly Sales')) ) # 渲染图 return bar.render_embed() ``` 3. 创建 HTML 模板: ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Flask Echarts Demo</title> <script src="https://cdn.jsdelivr.net/npm/echarts@5.2.0/dist/echarts.min.js"></script> </head> <body> <div id="chart" style="width: 800px; height: 600px;"></div> <script> var chart = echarts.init(document.getElementById('chart')); chart.showLoading(); fetch('/data').then(function (response) { response.text().then(function (text) { chart.hideLoading(); chart.setOption(JSON.parse(text)); }); }); </script> </body> </html> ``` 4. 启动 Flask 应用: ```python if __name__ == '__main__': app.run() ``` 5. 在浏览器中访问 http://localhost:5000 ,即可看到数据可视化大屏。 注意:以上示例中的数据和图仅作为演示用途,实际应用中需要根据具体需求进行修改。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值