option =option = {
grid: {
top: 'middle',
left:'3%'
},
xAxis: {
type: 'value',
show:false
},
yAxis: {
type: 'category',
show:false
},
series: [
{
name: "value1",
type: 'pictorialBar',
symbol: 'roundRect',
symbolRepeat: true,
symbolSize: [4, 12],
symbolMargin: 2,
data: [20],
itemStyle: {
normal: {
color: "rgba(55, 213, 240, 1)"
}
},
z: 5
},
{
name: "value1",
type: 'pictorialBar',
symbol: 'roundRect',
symbolRepeat: true,
symbolSize: [4, 12],
symbolMargin: 2,
data: [40],
itemStyle: {
normal: {
color: "rgba(9, 214, 218, 1)"
}
},
z: 4
},
{
name: "value3",
type: 'pictorialBar',
symbol: 'roundRect',
symbolRepeat: true,
symbolSize: [4, 12],
symbolMargin: 2,
data: [60],
itemStyle: {
normal: {
color: "rgba(38, 165, 225, 1)"
}
},
z: 3
},
{
name: "value4",
type: 'pictorialBar',
symbol: 'roundRect',
symbolRepeat: true,
symbolSize: [4, 12],
symbolMargin: 2,
data: [80],
itemStyle: {
normal: {
color: "rgba(255, 133, 0, 1)"
}
},
z: 2
},
{
name: "value5",
type: 'pictorialBar',
symbol: 'roundRect',
symbolRepeat: true,
symbolSize: [4, 12],
symbolMargin: 2,
data: [100],
itemStyle: {
normal: {
color: "rgba(240, 37, 4, 1)"
}
},
z: 1
},
{
name: '背景',
type: 'bar',
barWidth: 24,
barGap: '-125%',
data: [100],
tooltip: {
show: false
},
itemStyle: {
normal: {
color: 'rgba(246, 248, 253, 1)'
}
},
z: 0,
}
]
};