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 `
<div class="pillarEchartsDom">
<span>${params[0].name}供热系统</span>
<p>
<span class="con"> 平均室温</span>
<span>${params[0].value}°C</span>
</p>
</div>
`
},
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'
}
}
]
}