ECharts漏斗图的使用详解

漏斗图 (Funnel Chart) 是一种常用的图表范例，尤实在用于展示数据流转的过程或转化率（如贩卖漏斗、营销活动转化等）。ECharts 提供了丰富的漏斗图设置选项，答应我们清楚地显现各个阶段之间的转化环境。
1. 漏斗图的根本概念

漏斗图通常由多个层级的矩形条构成，每一层代表数据流程的一个阶段，且条的宽度通常表现数量的多少。在漏斗的顶部，宽度最大，表现进入的数量；随着数据的逐层流转，宽度徐徐减小，表现流失的数量或比例。
2. 漏斗图的根本使用

ECharts 提供了内置的漏斗图支持，只需设置 type: 'funnel' 即可轻松创建漏斗图。下面是一个根本示例：

1. <!DOCTYPE html>
2. <html lang="en">
3. <head>
4.     <meta charset="UTF-8">
5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
6.     <title>ECharts 漏斗图示例</title>
7.     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.min.js"></script>
8.     <style>
9.         #chart {
10.      
11.      
12.             width: 100%;
13.             height: 400px;
14.         }
15.     </style>
16. </head>
17. <body>
18.     <div id="chart"></div>
20.     <script>
21.         var chart = echarts.init(document.getElementById('chart'));
23.         var option = {
24.      
25.      
26.             title: {
27.      
28.      
29.                 text: '销售漏斗示例'

复制代码