echarts中markLine的隱藏


做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
      }
    }
  }]
}

最終效果:

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM