echarts漏斗图
时间: 2023-10-05 15:11:11 浏览: 142
Java Script Echarts动态饼图
漏斗图(funnel)是一种条形图,用于展示业务流程中各个阶段的数据占比情况。漏斗图呈现的数据是整体的一部分,每个阶段的数据占比自上而下递减,总计为100%。与饼图不同,漏斗图不需要使用数据轴。通过漏斗图,用户可以直观地比较各个阶段的业务数据,并发现潜在问题。
在Echarts中,可以通过配置图表组件来绘制漏斗图。以下是一个示例的配置代码:
```javascript
var option = {
series: [{
name: '漏斗图',
type: 'funnel',
left: '3%',
sort: 'descending',
top: 60,
bottom: 60,
width: '80%',
min: 0,
max: 100,
minSize: '0%',
maxSize: '100%',
gap: 2,
label: {
show: true,
position: 'inside'
},
data: [
{value: 100, name: '浏览器'},
{value: 60, name: '添加到购物车'},
{value: 42, name: '购物车结算'},
{value: 25, name: '核对订单'},
{value: 9, name: '提交订单'},
{value: 4, name: '选择支付方式'},
{value: 2.5, name: '完成支付'}
]
}]
};
```
在上述代码中,通过`type: 'funnel'`指定了绘制漏斗图。`sort`参数可以设置为`descending`表示按照降序排列阶段,也可以设置为`ascending`表示按照升序排列阶段。`minSize`和`maxSize`参数可以控制每个阶段的最小宽度和最大宽度。`gap`参数表示每个阶段之间的间隔。`label`参数可以设置是否显示阶段的标签以及标签的位置。
请注意,以上代码只是一个示例配置,具体的漏斗图配置可以根据实际需求进行调整。
阅读全文