改變echarts中tooltip的寬度以及換行


tooltip框是一個echarts自動生成的div,而他的樣式都是行內樣式,所以直接通過改變tooltip的樣式是比較麻煩的,比較輕松的一種方式是通過`formatter`來實現。
因為formatter可以返回一個div,所以我們可以通過params得到圖表的name等別的參數,然后顯示在div,通過給div一個class,然后設置css來實現tooltip的換行已經寬度控制。

當然如果在vue中使用的時候要格快注意取消css的scope屬性。

formatter: function (params) {
      return `<div class="toolDiv">${params[0].name}</div>`
},

  


免責聲明!

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



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