echarts tooltip设置大小（Echarts中tooltip解决显示指定数据）

今天开发中遇到一个问题  
    
    
    ，echarts图表触摸x轴触发tooltip会将x轴上所有的数据展示出来

     


     


     


，但是有些场合只需要展示某些数据就可以 




 




 




，并不需要全部展示  

   

   

   ，如下图：

这里警戒线因为需要开关

     

     

     

，所以使用填充的数据模拟  




  




  




，但是  


  


  


  ，触摸后会导致连警戒线数据也显示出来
     
     
     
，如图：

实际上图表中只有荷载是真实数据需要显示
   




   




   




，其他并不需要 



 



 



 ，看了echarts文档发现并没有相关的配置    
    
    
。所以只能使用formatter来进行模拟                ，这是formatter的文档说明

通过打印formatter里的params,看到里面是数组套对象的形式

    




    




    




，每一个对象是对应的x轴数据














，打印内容如下：

了解了formatter里的数据格式                 ，就可以通过返回指定的字符串来自定义tooltip里的内容 formatter(params) { return `${params[0].name}<br />${params[0].marker + params[0].seriesName}：${params[0].data}`; }

使用后效果：