设置Echarts鼠标悬浮样式

tooltip: {//自定义tipshow: true,trigger: 'axis',show: true,   //default trueshowDelay: 0,//显示延时，添加显示延时可以避免频繁切换hideDelay: 50,//隐藏延时transitionDuration: 0,//动画变换时长backgroundColor: 'rgba(0,0,0,0.7)',//背景颜色（此时为默认色）borderRadius: 8,//边框圆角padding: 10,    // [5, 10, 15, 20] 内边距position: function (p) {// 位置回调// console.log && console.log(p);return [p[0] + 10, p[1] - 10];},formatter: function (params, ticket, callback) {// console.log(params);var tip = "上报时间" + ' : ' + params[0].name + "
";for (var i = 0, l = params.length; i < l; i++) {if(params[i].seriesName=='温度'){tip += '
' + '' + params[i].seriesName + ' : ' + params[i].value +'℃';//鼠标悬浮显示的字符串内容}else if(params[i].seriesName=='湿度'){tip += '
' + '' + params[i].seriesName + ' : ' + params[i].value +'RH%' ;//鼠标悬浮显示的字符串内容}else {tip += '
' + params[i].marker + params[i].seriesName + ' : ' + params[i].value ;//鼠标悬浮显示的字符串内容}}//同步加载return tip;//异步加载// setTimeout(function () {//     // 仅为了模拟异步回调//     callback(ticket, tip);// }, 10);//延时时间ms// return 'loading...';}
},

参考：

设置Echarts鼠标悬浮样式

echarts图形如何自定义tooltip文字内容和小圆点

数据可视化 Echarts 修改鼠标悬停时的高亮颜色

Echarts字体和线条颜色设置操作笔记

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！