option = {
title: {
text: 'Funnel'
},
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c}%'
},
legend: {
data: ['num1', 'num2', 'num3']
},
series: [
{
name: 'Funnel',
type: 'funnel',
left: '10%',
top: 60,
bottom: 60,
width: '80%',
min: 0,
max: 60,
minSize: '0%',
maxSize: '100%',
sort: 'ascending', //设置漏斗图方向,
//'ascending-正三角','descending-倒三角(默认)','none'(表示按 data 顺序)
gap: 2, // 间隙
// 标签
label: {
show: true,
position: 'inside' // 位置:inside-内部,默认外部
},
labelLine: {
// label在外时生效
length: 10,
lineStyle: {
width: 1,
type: 'solid'
}
},
itemStyle: {
borderColor: '#fff', // 边框颜色
borderWidth: 1
},
emphasis: {
label: {
fontSize: 20
}
},
data: [
{ value: 60, name: 'num3' },
{ value: 40, name: 'num2' },
{ value: 20, name: 'num1' }
]
}
]
};
ECharts的基本配置-正三角漏斗图
最新推荐文章于 2024-08-29 10:43:03 发布
本文介绍了一种利用Funnel图(漏斗图)来呈现内容社区中用户行为的可视化工具,通过num1,num2,num3三个阶段的数据,展示了用户从浏览到转化的比例情况。
摘要由CSDN通过智能技术生成