You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by wa...@apache.org on 2020/06/19 07:34:56 UTC
[incubator-echarts-handbook] branch master updated: docs: add
funnel contents
This is an automated email from the ASF dual-hosted git repository.
wangdd pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-echarts-handbook.git
The following commit(s) were added to refs/heads/master by this push:
new 11aeab8 docs: add funnel contents
11aeab8 is described below
commit 11aeab812226f56d98e1ed85a00559edc732f8dc
Author: Wdingding <wa...@gmail.com>
AuthorDate: Fri Jun 19 15:34:45 2020 +0800
docs: add funnel contents
---
.../zh/best-practice/chart-specificatio/funnel.md | 37 ++++++++++++++++++++++
contents/zh/posts.js | 11 ++++---
2 files changed, 44 insertions(+), 4 deletions(-)
diff --git a/contents/zh/best-practice/chart-specificatio/funnel.md b/contents/zh/best-practice/chart-specificatio/funnel.md
new file mode 100644
index 0000000..e9a06d9
--- /dev/null
+++ b/contents/zh/best-practice/chart-specificatio/funnel.md
@@ -0,0 +1,37 @@
+# 漏斗图
+
+漏斗图又叫倒三角图，漏斗图将数据呈现为几个阶段，每个阶段的数据都是整体的一部分，从一个阶段到另一个阶段数据自上而下逐渐下降，所有阶段的占比总计 100％。与饼图一样，漏斗图呈现的也不是具体的数据，而是该数据相对于总数的占比、漏斗图不需要使用任何数据轴。
+
+漏斗图多用于显示简化的数据，可以用来单向分析业务各环节丢失或增加变化，也可用来直接表示某个环节与上一环节的差异。漏斗图对于确定组织的销售过程中可能存在的问题和瓶颈也很有用。
+
+<iframe max-width="830" width="100%" height="400"
+src="https://gallery.echartsjs.com/view-lite.html?cid=xrJIQEN5NM">
+</iframe>
+
+
+## 漏斗图的使用建议
+
+1、以电商网站数据为代表，漏斗图能直观地展现从最初展现网站到最终下订单购买这整个流程中的转化状况。它不仅能展示用户从看到网站到实现购买的最终转化率，还可以展示每个步骤的转化率，能够直观地展示和说明问题所在，进而能针对性地通过各阶段的转化分析去改善设计。
+
+如下图，「展现」「点击」「访问」三个环节基本并没有太大的流失，但是从「访问」到「咨询」环节数据明显减少，所以就可以重点分析为什么咨询量明显减少，例如是不是咨询的入口不够明显造成的。
+
+<iframe max-width="830" width="100%" height="400"
+src="https://gallery.echartsjs.com/view-lite.html?cid=xHJIPHN9Nf">
+</iframe>
+
+2、可以对两个基于统一事情前后的两份数据使用叠加两个漏斗图进行对比，例如下图通过预期值和实现值的对比，可以分析每一项实现情况和预期指标的偏差。
+
+<iframe max-width="830" width="100%" height="400"
+src="https://gallery.echartsjs.com/view-lite.html?cid=xrydEwN94f">
+</iframe>
+
+3、还可以用左右对比的漏斗图同时分析两个项目的转化情况。如下图可见项目B从「访问」到「咨询」环节的流失率明显大于项目 A。
+
+<iframe max-width="830" width="100%" height="400"
+src="https://gallery.echartsjs.com/view-lite.html?cid=xrJfrjEc4z&v=1">
+</iframe>
+
+4、漏斗图不是表示各个分类的占比情况，而是展示数据变化的一个逻辑流程，如果数据是无逻辑顺序的占比比较，建议使用饼图更合适。
+
+5、可以根据数据选择使用对比色或同一种颜色的色调渐变，从最暗到最浅来依照漏斗的尺寸排列。切记，不要添加许多图层和颜色造成漏斗图难以阅读。
+
diff --git a/contents/zh/posts.js b/contents/zh/posts.js
index e704084..c8899e7 100644
--- a/contents/zh/posts.js
+++ b/contents/zh/posts.js
@@ -215,9 +215,6 @@ export default [{
dir: 'basic-pie'
}]
}, {
- title: '雷达图',
- dir: 'radar',
- }, {
title: '散点图',
dir: 'scatter',
children: [{
@@ -227,6 +224,12 @@ export default [{
title: '气泡图',
dir: 'bubble'
}]
- }]
+ },{
+ title: '雷达图',
+ dir: 'radar',
+ }, {
+ title: '漏斗图',
+ dir: 'funnel',
+ },]
}]
}];
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org