echart中的tooltip.axisPointer. type = ‘cross‘格式化x轴标签

最新推荐文章于 2024-03-04 15:41:51 发布

天赋如同自然花木-要用学习来修剪

最新推荐文章于 2024-03-04 15:41:51 发布

阅读量5.7k

点赞数

分类专栏：向往的前端文章标签： echarts cross tooltip

本文链接：https://blog.csdn.net/qq_37905269/article/details/111827564

版权

向往的前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

tooltip : {
           trigger : 'axis',
           axisPointer: {
type: 'cross'
},
position: function (pos, params, dom, rect, size) {
// 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。
var obj = {top: 20};
obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 5;
return obj;
}
       }

//x轴的时间类型为long类型

xAxis : {
           type : 'time',
           splitNumber: 13,
           interval : 21600,
           axisLabel : {
               formatter : function(value, index) {
                   // 将时间转换成"00:00:00"格式
                   var hms = ；
                   return hms;
               }
           },
           splitLine : {
               show : false
           },
           axisPointer: {
   link: {xAxisIndex: 'all'},
   label: {
   backgroundColor: '#777',
       // 文本标签文字的格式化器
   formatter: function (params) {
           return ;
       }
   },
   },
           data : []
       }