今天遇到一个需求,就是echarts 柱状图tooltip 要显示的数据较多,当鼠标移动的时候,上面的信息可能会被看不到,所以给出固定位置+字体变小的解决方案。如果有好解决方案,欢迎大家指点。
改之前
改之后
一直固定在上面
实现代码
示同样高亮的 代码片
.
tooltip: {
trigger: 'axis',
axisPointer: { // 坐标轴指示器,坐标轴触发有效
type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'
},
position: function (point, params, dom, rect, size) {
return [point[0], '10%'];
}, //固定位置
textStyle : {
fontSize : 12
} //修改字体大小
}