var path = 'path://M214,1079l8-6h16l8,6-8,6H222Z'; var zzx1 = ['40000', '30500', '20520']; var wgx1 = ['58510', '55697', '15000']; var option = { backgroundColor: '#081736', tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器,坐标轴触发有效 type: 'shadow' // 默认为直线,可选为:'line' | 'shadow' }, formatter: function(e){ return e[0].axisValue+":<br>"+'当日:'+e[0].data+"<br>"+'累积:'+e[1].data; } }, grid: { left: '4%', right: '4%', bottom: '20%', top: '26%', containLabel: true }, legend: { data: ['当日', '累积'], left: 'center', top: '15%', textStyle: { color: '#00ffff', fontSize: 14 }, itemWidth: 18, itemHeight: 12, itemGap: 35, color: '#242424' }, xAxis: { type: 'category', data: ['第一剂次', '第二剂次', '第三剂次'], axisLine: { lineStyle: { show: true, lineStyle: { color: '#6A989E' } } }, axisLabel: { // interval: 0, // rotate: 40, textStyle: { fontFamily: 'Microsoft YaHei', color: '#fff', // x轴颜色 fontWeight: 'normal', fontSize: '14', lineHeight: 22 } } // splitLine:{ // show:true, // lineStyle: { // type: 'dashed', // color: 'rgba(135,140,147,0.8)' // } // }, }, yAxis: { type: 'value', name: '次数', nameTextStyle: { color: '#ffffff' }, axisLine: { show: false, lineStyle: { type: 'dashed', color: 'rgba(135,140,147,0.8)' } }, splitLine: { show: true, lineStyle: { color: 'rgba(135,140,147,1)' //左侧显示线 } }, axisLabel: { formatter: '{value}', color: '#fff', fontSize: 14 } }, series: [ { type: 'pictorialBar', symbol: path, symbolSize: [25, 8], symbolOffset: [-16, -4], symbolPosition: 'end', z: 12, color: '#3440FF', data: zzx1 }, { type: 'pictorialBar', symbol: path, symbolSize: [25, 8], symbolOffset: [16, -4], symbolPosition: 'end', z: 12, color: '#FF1155', data: wgx1 }, { type: 'pictorialBar', symbol: path, symbolSize: [25, 8], symbolOffset: [-16, 4], z: 12, color: 'rgba(126,192,238,0.6)', data: zzx1 }, { name: '', type: 'pictorialBar', symbol: path, symbolSize: [25, 8], symbolOffset: [16, 4], color: '#FFC0CB', z: 12, data: wgx1 }, { name: '当日', type: 'bar', barWidth: '25', itemStyle: { normal: { opacity: 0.7, color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ { offset: 0, color: 'blue' }, { offset: 1, color: '#7EC0EE' } ]), barBorderRadius: 0 } }, label: { show: true, position: ['-18', '-18'], color: '#00f8ff', fontSize: 12 }, data: zzx1 }, { name: '累积', type: 'bar', barWidth: '25', itemStyle: { normal: { opacity: 0.7, color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [ { offset: 0, color: '#FF2246' }, { offset: 1, color: '#FFC0CB' } ]), barBorderRadius: 0 } }, label: { show: true, position: ['18', '-18'], color: '#00f8ff', fontSize: 12 }, data: wgx1 } ] };