option = {
title:{
text:'渐变标签',
},
backgroundColor:'#ffffff',
color:['#f36119','#ff9921','#20c8ff','#2cb7ff','#1785ef'],
"tooltip": {
"trigger": "axis",
"axisPointer": {
"type": "cross",
"label": {
"backgroundColor": "red"
},
"lineStyle": {
"color": "#9eb2cb"
}
}
},
"legend": {
show:false,
"top": "top",
"left": "2%",
"textStyle": {
"color": "#000"
},
"itemHeight": 2,
"data": ['意向','方案','商务','即将成交','赢单']
},
"grid": {
"top": 20,
"left": "2%",
"right": 20,
"bottom": 30,
"containLabel": true,
"borderWidth": 0.5
},
series: [
{
top:0,
type: 'funnel',
left: '10%',
width: '80%',
gap: 16,
minSize: 150,
maxSize: 410,
label: {
show: true,
position: 'inside',
formatter: '{b} ({c}万)'
},
data: [
{value: 100, name: '意向'},
{value: 80, name: '方案'},
{value: 60, name: '商务'},
{value: 40, name: '即将成交'},
{value: 20, name: '赢单'},
]
},
// 复制一份第一个的，隐藏主体把延长线放长
{
top:0,
type: 'funnel',
left: '20%',
width: '80%',
gap: 16,
z:1,
minSize: 150,
maxSize: 150,
label: {
normal: {
color: '#000000',
position: 'right',
borderWidth :1,
borderRadius :4,
padding :[11,2],
width:100
}
},
//右侧的百分比显示的地方
labelLine: {
show:true,
normal: {
length: 200,
position: 'right',
lineStyle: {
width: 3,
type:'solid',
color: {
type: 'linear',
x: 0,
y: 0,
x2: 1,
y2: 0,
colorStops: [{
offset: 0.4,
color: '#ffffff' // 0% 处的颜色
}, {
offset: 1,
color: '#EB080C' // 100% 处的颜色
}],
global: false // 缺省为 false
}
},
},
},
//主体是透明的
itemStyle: {
normal: {
color: 'transparent',
borderWidth:0,
opacity: 1
}
},
data: [
{value: 100, name: '意向'},
{value: 80, name: '方案'},
{value: 60, name: '商务'},
{value: 40, name: '即将成交'},
{value: 20, name: '赢单'},
]
}
]
};
;