option = {
backgroundColor: '#333333',
tooltip: {},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
top: '3%',
containLabel: true,
},
xAxis: {
type: 'value',
max:500,
show: true,
// 不显示轴线
axisLine :{
show:false
},
// 不显示刻度线
axisTick:{
show:false,
},
splitLine:{// 网格线为虚线
show:false,
},
// axisLabel:{
// formatter:'{value}%'
// }
},
yAxis: {
type: 'category',
inverse: true,
splitLine: {
show: false,
},
axisTick: {
show: false,
},
axisLine: {
show: false,
},
axisLabel: {
interval: 0,
color:'rgba(255, 255, 255, 1)',
fontSize: 14
},
data: ['大米', '花生', '草莓', '玉米', '杭白'],
},
series: [
{
type: 'bar',
barWidth: 12,
zlevel: 2,
barGap: '-150%',
itemStyle: {
normal: {
borderRadius: [0, 6, 6, 0],
color: {
type: 'linear',
x: 0,
y: 0,
x2: 1,
y2: 1,
colorStops: [{
offset: 0, color: 'rgba(61, 131, 255, 0)'
}, {
offset: 1, color: 'rgba(72, 240, 255, 1)'
}]
}
},
},
data: [460, 403, 355, 200, 50],
},
{
type: 'bar',
barWidth: 24,
itemStyle: {
normal: {
color: 'rgba(60, 102, 118, 0.34)',
},
},
data: [500, 500, 500,500, 500],
},
],
};