做echarts圖表時有時需要用到markLine,但是數據是由接口傳遞來的,需要根據接口是否有這個來參數來確定是否需要渲染markLine。
如果是在同一個表上渲染不同的數據,而且上一個接口有markLine需要用到的參數別的接口沒有markLine需要用到的參數,那么上一次渲染出來的markLine就要進行隱藏。
看官網api的時候,嘗試過設施label:{false},但是並不管用(也許是我姿勢不對??),在網上搜索,也只有添加markLine的方法,並沒有隱藏或者刪除markLine的方法。
最后,還是被我研究出一種方法,直接上代碼:
添加markLine:
markLine:{
data:[{
yAxis: '30', //數值
lineStyle:{
normal:{
color: 'red', //顏色
type: 'solid' //線條樣式
}
}
}]
}
最終效果:
隱藏markLine:
markLine:{
data:[{
yAxis: '', //清空數值,清空后默認為0,不知道是不是echarts的設置
lineStyle:{
normal:{
color:'white', 設置背景色為白色,因為我背景色就是白色
opacity:0, //線條透明度設置為0
}
}
}]
}
最終效果: