const option = { backgroundColor: 'rgba(0,0,0,.6)', dataZoom: [ { type: 'inside', start: 0, end: 100, } ], tooltip: { trigger: 'axis', padding: [5, 10, 5, 10], backgroundColor: 'rgba(0,0,0,.6)', borderColor: 'transparent', formatter: function (param) { return ` ` } }, grid: { left: 30, top: 20, right: 10, bottom: 20, }, xAxis: [{ data: ["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月"], type: 'category', axisLabel: { show: true, fontSize: 12, color: 'rgba(172, 201, 226, 1)', }, axisTick: {show: false}, axisLine: { show: true, lineStyle: { width: 2, color: "rgba(38,108,152,0.8)" } }, splitLine: {show: false} }], yAxis: [ { nameTextStyle: { color: '#fff', fontSize: 12, }, name: '', type: 'value', axisLabel: { show: true, color: "#9eaaba", }, axisLine: {show: false}, splitLine: {show: false}, } ], series: [ { name: '工程调度运用次数', type: 'bar', barWidth: 8, label: { show: true, position: 'top', color: "#fff" }, itemStyle: { borderWidth: 1, barBorderRadius: [3, 3, 0, 0], color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ { offset: 0, color: 'rgba(255, 187, 31, 1)' }, { offset: 1, color: 'rgba(104, 80, 24, 1)' }, ]), }, data: [2,4,6,12,18,3,8,15,9,4], }, { name: '背景', type: "bar", barWidth: 8, barGap: "-100%", yAxisIndex: 0, data: [22,22,22,22,22,22,22,22,22,22], itemStyle: { color: "rgba(255,255,255,0.1)", }, tooltip: { show: false, }, }, ], }

swgj-带背景柱形图