示例代码:
loadPressureEchart() {
this.pressureEchart = echarts.init(document.getElementById('pressureEchart'));
this.pressureEchart.setOption(
(option = {
title: {
text: '',
left: '1%'
},
color: ['#67C23A'],
tooltip: {
trigger: 'axis'
},
legend: {},
grid: {
top: '12%',
left: '5%',
right: '5%',
bottom: '23%'
},
xAxis: {
boundaryGap: false,
data: ['2023-02-10', '2023-03-10', '2023-04-10']
},
yAxis: {},
dataZoom: [
{
//startValue: '2023-06-01'
},
{
type: 'inside'
}
],
series: {
name: '压力值',
type: 'line',
data: [230, 200, 200],
markLine: {//警戒值线显示
symbol: 'none', // 去掉箭头
lineStyle: {
color: '#ff0000'//虚线设置为红色
},
label: {
position: 'start',
formatter: '压力警戒值:{c}Mpa',
color: '#fc5531',
align: 'left',
offset: [17, -10]
},
data: [
{
yAxis: 230,//警戒值
}
]
}
}
})
);
}
效果图:绘画警戒值虚线示例