此处,距离上侧:跟随鼠标移动;左右方向:鼠标在左tooltip在右;反之在左。
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} 个(占比:{d}%)",
position: function(point, params, dom, rect, size){
//鼠标在左侧时 tooltip 显示到右侧,鼠标在右侧时 tooltip 显示到左侧
var obj = {top: point[1]};
obj[['left', 'right'][+(point[0] < size.viewSize[0] / 2)]] = 5;
return obj;
}
},
官网API:
提示框浮层的位置,默认不设置时位置会跟随鼠标的位置。
可选:
Array
通过数组表示提示框浮层的位置,支持数字设置绝对位置,百分比设置相对位置。
示例:
// 绝对位置,相对于容器左侧 10px, 上侧 10 px position: [10, 10] // 相对位置,放置在容器正中间 position: ['50%', '50%']
Function