动态改变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
}
}
}
以上。
作者：致爱丽丝
本文版权归作者和博客园共有，欢迎转载，但必须在文章页面给出原文链接并标名原文作者，否则保留追究法律责任的权利。