"+ "

"+ ""+ ""+tooData[`${serie.dataIndex}`].name1+""+ "

"+ "

"+tooData[`${serie.dataIndex}`].value1+"

"+ "

"+ ""+ ""+tooData[`${serie.dataIndex}`].name2+""+ "

"+ "

"+tooData[`${serie.dataIndex}`].value2+"

"+ "

" let textVal = `

${serie.name}

${relVal}

` return textVal; }, textStyle: { rich: { a: { fontSize: 16, color: '#000', fontWeight: 600 }, b: { fontSize: 14, color: '#000' }, c: { fontSize: 20, color: '#203BBE' }, d: { fontSize: 20, color: '#FF2323' } } }, backgroundColor: '#fff', padding: [10,5,10,5], axisPointer: { show: true, status: 'shadow', z: -1, itemStyle: { color: 'rgba(000,000,000,0)' }, shadowStyle: { color: 'rgba(000,000,000,0)' }, type: 'shadow' } }, grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, xAxis: [ { position: 'bottom', type: 'category', axisLine: { show: true, lineStyle: { color: '#ECF1F6' } }, axisTick: { show: false, }, axisLabel: { show: true, rotate: 0, fontSize: 12, color: '#3A3A3C' }, splitLine: { show: true, lineStyle: { color: ['#ECF1F6', '#ECF1F6'], width: 0, type: 'dashed' } }, gridIndex: 0, data: xData, } ], yAxis: [ { type: 'value', position: 'left', axisLine: { show: false, }, axisTick: { show: false, }, axisLabel: { show: true, rotate: 0, fontSize: 12, color: '#6E7D9C', }, splitLine: { show: true, lineStyle: { color: ['#ECF1F6', '#ECF1F6'], width: 1, type: 'solid' } }, } ], series: [ { name: '重点场所', type: 'bar', stack: 'name', itemStyle: { color: '#FF0000' }, data: [0,0,0,0,0], barMaxWidth: '100%', silent: false, z: 2 }, { name: '一般场所', xAxisIndex: 0, yAxisIndex: 0, stack: 'name', itemStyle: { color: '#6396E6', emphasis:{ // 普通图表的高亮颜色 color: '#70D4FF', } }, type: 'bar', data: valueData, barMaxWidth: '35%', z: 3 } ] };

Echarts在线免费图表