Echarts tooltip配置

echarts配置,和title同一级别,配置tooltip:

1.触发时机trigger

tooltip: {
    
    
  trigger: 'item'
}

在这里插入图片描述

如果把item改为axis:

tooltip: {
    
    
  trigger: 'axis'
}

在这里插入图片描述

2.触发条件triggerOn

比如设置鼠标点击时候才触发

tooltip: {
    
    
  trigger: 'item',
  triggerOn: 'click'
}

3.提示内容格式化formatter

tooltip: {
    
    
  trigger: 'item',
  formatter: '{b} --> {c}'
}

b表示类目, c表示数值
在这里插入图片描述
也可以使用回调函数:

tooltip: {
    
    
  trigger: 'item',
  triggerOn: 'click',
  formatter: function(arg) {
    
    
    console.log(arg)
    return 'xxx'
  }
}

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/dyw3390199/article/details/120583631