option = {
backgroundColor: '#313131',
//你的代码
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }, formatter: params => { return `${params[0].value}` } },
grid: { left: 10, top: 10, bottom: 20, right: 10, containLabel: true },
xAxis: {
show: false, type: 'value', boundaryGap: false,
axisLine: { show: false }, axisTick: { show: false }, axisLabel: { color: '#999', show: false },
splitLine: { lineStyle: { color: ['#ffffff'], type: [5, 8], dashOffset: 3 } }
},
yAxis: {
type: 'category', data: ['A','B','C','D','E','F'], axisLine: { show: false, lineStyle: { color: '#ffffff' } },
axisTick: { length: 3 }, axisLabel: { fontSize: 14, color: '#ffffff', margin: 16, padding: 0 }, inverse: true
},
series: {
type: 'bar', showBackground: true,
backgroundStyle: { color: 'rgba(82, 168, 255, 0.1)', borderRadius: [0, 8, 8, 0] },
itemStyle: { color: '#52A8FF', normal: { borderRadius: [0, 8, 8, 0] } },
barMaxWidth: 16,
label: { show: true, position: 'insideRight', offset: [0, 2], color: '#fff' },
data: [36, 26, 16, 15, 8, 6]
}
};