echarts图 自定义tooltip的样式

echarts图 自定义tooltip的样式

当碰到的需求需要在tooltip里面展示不同的内容的时候，比如在红色的区域显示的内容，和不在红色的区域显示又是不一样的内容。如下图：

怎么做的呢？

通过规则rules（规则根据需求来定），横纵坐标的值来自定义当前折线图上面点的提示框的内容

const {
   rules} = this.state;
        
tooltip: {
   
    trigger: 'axis',
    formatter(params) {
   
        const currentTime = params[0].data.time;
        const area = rules.find(item => currentTime >= item.areaStart && currentTime <= item.areaEnd);
        let text =