動態改變tooltip背景及動態回顯tooltip

廢話不說,看網上那些大聰明寫的都是echart上的基本的配置,真好笑

tooltip: {
  backgroundColor: "transparent", // 修改背景顏色
  borderColor: "transparent", // 修改邊框顏色
  padding: 0,
  formatter: function (e) {
    console.log('e,   :>> ', e,)
     // 這裏,如果數據是空,則說明沒有對應項,直接return則不會回顯tooltip
    if (typeof e.data === 'undefined') {
      //  這裏可以自定義tooltip,因爲在上一步,關鍵樣式已被清除
      // return `<div style='background:#7ae4ff;color:#FFFFFF ;fontSize:14px; padding:5px '>${e.name}: 暫無數據</div>`
      return // 直接return 事件發生時不會回顯tooltip
    }
    
  }
}

以上。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章