垂直:上下固定,左右移动 这个代码可以实现tooltip在垂直上是固定的, 记得逗号最后一个不需要
tooltip: {
trigger: 'axis',
textStyle: {
color: contentColor
},
axisPointer: {
type: 'shadow'
},
position: function(point, params, dom) {
return [point[0], '10%'];
}
},
请问怎么实现垂直上是固定,水平上是auto?
position: function(point, params, dom) {
var posDis = window.innerWidth - dom.offsetWidth;
return posDis<point[0]?[posDis, '10%']:[point[0], '10%'];
},
或
position: function (pos, params, dom, rect, size) {
let yPos = '20%'
let xPos = 0
if (pos[0] < size.viewSize[0] / 2) {
xPos = pos[0] + 10
} else {
xPos = pos[0] - dom.offsetWidth - 10
}
return [xPos, yPos]
}
实际应用:
tooltip : { position: function(point, params, dom) { return [point[100], '20%']; }, // trigger: 'item', // formatter: "{a} <br/>{b} : {c} ({d}%)" formatter: "{b} ({d}%)" },