option = {
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b} : {c}"
},
toolbox: {
feature: {
dataView: {
readOnly: false
},
restore: {},
saveAsImage: {}
}
},
legend: {
icon: "circle",
selectedMode:false,
x: 'left',
y: 'center',
align: 'left',
orient: 'horizonal',
textStyle: {
rich: {
yellow: {
color: "#FFEF3B",
fontSize: 25,
padding: [1.5, 0],
align: 'center'
},
yellow2: {
color: "#FFEF3B",
fontSize: 20,
padding: [1.5, 0],
align: 'center'
},
white: {
color: "#E0E0E0",
align: 'center',
fontSize: 15,
padding: [1.5, 0]
},
red: {
color: '#EF3E5A',
fontSize: 12,
align: 'center',
},
red2: {
color: '#EF3E5A',
fontSize: 20,
align: 'center'
}
}
},
formatter: function(name) {
var index = 0;
var Stages = ['Reveiw', 'Internal DD', 'Concept Paper', 'Closing'];
var Totals = [498, 30, 6, 3];
var Rejects = [1, 3, 7, 9];
Stages.forEach(function(value, i) {
var str1;
if (value == name) {
index = i;
}
});
return '{red| ' + name + '}\n';
},
},
calculable: true,
series: [{
name: '漏斗图',
type: 'funnel',
left: '0%',
top: 60,
bottom: 60,
width: '100%',
min: 0,
max: 80,
minSize: '20%',
maxSize: '100%',
sort: 'none',
gap: 0,
label: {
show: true,
position: 'inside',
fontSize: 14
},
labelLine: {
length: 10,
lineStyle: {
width: 1,
type: 'solid'
}
},
itemStyle: {
borderColor: '#fff',
borderWidth: 1
},
emphasis: {
label: {
fontSize: 20
}
},
data: [{
value: 498,
name: 'Reveiw'
},
{
value: 30,
name: 'Internal DD'
},
{
value: 6,
name: 'Concept Paper'
},
{
value: 3,
name: 'Closing'
},
]
}]
};