option = {
grid: {
left: '4%',
right: '8%',
bottom: '4%',
top: '8%',
containLabel: true
},
xAxis: {
show: true,
type: 'value',
min: 0,
max: 1000,
interval: 250,
axisLabel: {
show: true,
textStyle: {
color: '#878E9D'
}
},
splitLine: {
show: true,
lineStyle: {
type: 'dashed',
color: '#14272E'
}
},
axisTick: {
show: false
},
axisLine: {
show: false
}
},
yAxis: [
{
type: 'category',
inverse: true,
axisLabel: {
show: true,
textStyle: {
color: '#878E9D',
fontSize: 12
}
},
splitLine: {
show: false
},
axisTick: {
show: false
},
axisLine: {
show: true,
lineStyle: {
color: '#14272E'
}
},
data: ['其他', '防疫用品', '血糖仪', '保健品', '医药', '医疗器械']
}
],
series: [
{
type: 'pictorialBar',
symbolSize: [4, 10],
z: 12,
symbolPosition: 'end',
itemStyle: {
normal: {
color: '#71B2F0'
}
},
data: [230, 330, 480, 330, 230, 330]
},
{
name: '排名',
type: 'bar',
data: [230, 330, 480, 330, 230, 330],
itemStyle: {
normal: {
barBorderRadius: [5, 0, 0, 5],
color: {
x: 0.5,
y: 0,
x2: 0,
y2: 1,
type: 'linear',
global: false,
colorStops: [
{
offset: 0,
color: '#0153B8'
},
{
offset: 1,
color: '#8DC21F'
}
]
}
}
},
label: {
show: true,
position: 'right',
color: '#E1EEFF',
offset: [10, 0],
fontSize: 12
},
z: 2,
barWidth: 10
}
]
}