echarts漏斗图,形状是通过value来保持金字塔形状的,添加新的字段来用真正的数据
【代码】echarts漏斗图,形状是通过value来保持金字塔形状的,添加新的字段来用真正的数据。
·

const options={
tooltip:{
show:true,
trigger:"item",
formatter:function(params){
return `${params.data.name}:${params.data.num}人`
}
},
series:[
{
type:"funnel",
left:"0%",
top:"10%",
bottom:"0%",
width:"100%",
min:0,
max:100,
minSize:"30%",
maxSize:"100%",
sort:"descending",
gap:4,
orient:"vertical",
label:{
show:true,
color:"#fff",
position:"inside",
formatter:function(params){
return params.data.name+"\n"+params.data.value+"%"
}
},
itemStyle:{
borderColor:"transparent"
},
data:[
{
name:"意向",
value:80,//value值用来保持金字塔形状
num:1000//真正的数据
},
{
name:"申请",
value:60,
num:80
},
{
name:"评估通过",
value:40,
num:60
},
{
name:"正式服务",
value:20,
num:40
},
]
},
]
}

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。
更多推荐



所有评论(0)