option = { grid: { top: '0', left: '0', right: '0', bottom: '0', containLabel: true }, tooltip: { trigger: 'axis', position: (point) => [point[0] + 10, point[1]], appendToBody: true, axisPointer: { type: 'none', shadowStyle: { color: 'transparent', }, }, borderWidth: 0, padding: 0, backgroundColor: "#666", textStyle: { color: 'blue' }, formatter: function (params) { return `

${params[0].name}供热系统

平均室温 ${params[0].value}°C

` }, extraCssText: 'box-shadow: none' }, xAxis: [ { type: 'category', data: [1, 2, 3, 4], boundaryGap: ['10%'], axisLabel: { show: true, fontSize: 14, interval: 0, formatter: function (value) { return value.slice(0, 2); } }, axisPointer: { type: 'shadow' }, nameGap: 10, axisTick: { show: false }, axisLine: { show: false } } ], yAxis: [ { splitNumber: 1, splitArea: { show: false }, axisTick: { show: false }, axisLine: { show: false }, axisLabel: { show: false }, splitLine: { show: false, lineStyle: { type: 'dashed', color: ' rgba(85,85,85,1)', width: 2 } } } ], series: [ { type: 'bar', data: [1, 2, 3, 4], barWidth: 12, barGap: '0%', itemStyle: { color: '#565656', borderWidth: 0, shadowBlur: 0, shadowOffsetX: 0, shadowOffsetY: 0, }, emphasis: { itemStyle: { shadowBlur: 0, shadowOffsetX: 0, shadowOffsetY: 0, color: 'blue' } } }, { type: 'line', data: [2, 2, 2, 2], lineStyle: { type: 'dashed', color: '#9f9f9f' }, itemStyle: { color: 'transport' } } ] }

Echarts在线免费图表