html页面漏斗图,echarts 漏斗图示例
option = {
color: ['#298DFF', '#2EC25B', '#FBD337'],
backgroundColor: '#FFFFFF',
barWidth: 8,
title: {
text: '漏斗圖'
},
tooltip: {
axisPointer: {
type: 'shadow'
},
trigger: 'item',
formatter: ' : {c}'
},
grid: {
left: '1%',
right: '4%',
bottom: '3%',
containLabel: true
},
series: [
{
name: '',
type: 'funnel',
left: '5%',
right: '35%',
itemStyle: { //去掉默認白色邊框線
borderWidth: 0,
borderColor: '#fff'
},
label: {
show: true,
formatter: "{b|} "+"{b|:}"+"\n\n{a|{c}}",
rich: {
a: {
color: '#595959',
fontSize: 12
},
b: {
color: '#595959',
fontSize: 12
}
}
},
labelLine: {
length: 50,
lineStyle: {
width: 1,
color: '#ECECEC',
type: 'solid'
}
},
data: [
{ name: '數量1',value: '7500.00' },
{ name: '數量2',value: '4000.00' },
{ name: '數量3',value: '2000.00' }
]
}
]
}
總結
以上是生活随笔為你收集整理的html页面漏斗图,echarts 漏斗图示例的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 斜率优化之凸包优化与李超线段树
- 下一篇： 洞察各站点热销产品靠什么？东南亚虾皮sh