动态改变tooltip背景及动态回显tooltip

发布时间 2023-05-07 19:12:19作者: 致爱丽丝

废话不说,看网上那些大聪明写的都是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
    }
    
  }
}

以上。