配置项如下
option = {
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b} : {c}%"
},
toolbox: {
feature: {
dataView: {
readOnly: false
},
restore: {},
saveAsImage: {}
}
},
legend: {
data: ['展现', '点击', '访问', '咨询', '订单']
},
calculable: true,
series: [{
name: '漏斗图',
type: 'funnel',
left: '10%',
top: 60,
//x2: 80,
bottom: 60,
width: '80%',
// height: {totalHeight} - y - y2,
min: 0,
max: 100,
minSize: '0%',
maxSize: '100%',
sort: 'descending',
gap: 2,
label: {
normal: {
show: true,
position: 'left',
formatter: "{a},{b},{c},{d}%"
},
emphasis: {
textStyle: {
fontSize: 20
}
}
},
labelLine: {
normal: {
// length: 10,
lineStyle: {
width: 1,
type: 'solid'
}
}
},
itemStyle: {
normal: {
borderColor: '#fff',
borderWidth: 1
}
},
data: [{
value: 60,
name: '访问'
},
{
value: 40,
name: '咨询'
},
{
value: 20,
name: '订单'
},
{
value: 80,
name: '点击'
},
{
value: 100,
name: '展现'
}
]
}],
"color": ["#99CCFF", "#0099FF", "#666699", "#0099CC", "#99CC33", "#CCFF66", "#003366", "#3399CC"]
};