?

以下兩種解決方式，能夠應(yīng)對大部分出現(xiàn)此類問題項(xiàng)目

tooltip.position:?提示框浮層的位置，默認(rèn)不設(shè)置時位置會跟隨鼠標(biāo)的位置。

可選：string, Array, Function

?

一、解決方法：

?

1、設(shè)置x軸固定不動 y軸上下跟隨

/*設(shè)置x軸左右固定，上下跟隨。*/ position: function(point, params, dom, rect, size){return [0,point[1]]; }

?

2、設(shè)置Y軸上下固定，x左右跟隨

/*設(shè)置Y軸上下固定，X左右跟隨。*/ position: function(point, params, dom, rect, size){return [point[1],0]; }

?

二、position值的可選類型

Array示例：

// 絕對位置，相對于容器左側(cè) 10px, 上側(cè) 10 pxposition: [10, 10]// 相對位置，放置在容器正中間position: ['50%', '50%']

?

Function示例

position: function (point, params, dom, rect, size) {// 固定在頂部return [point[0], '10%'];} //參數(shù)： point: 鼠標(biāo)位置，如 [20, 40]。 params: 同 formatter 的參數(shù)相同。 dom: tooltip 的 dom 對象。 rect: 只有鼠標(biāo)在圖形上時有效，是一個用x, y, width, height四個屬性表達(dá)的圖形包圍盒。 size: 包括 dom 的尺寸和 echarts 容器的當(dāng)前尺寸，例如：{contentSize: [width, height], viewSize: [width, height]}。//返回值： 可以是一個表示 tooltip 位置的數(shù)組，數(shù)組值可以是絕對的像素值，也可以是相 百分比。 也可以是一個對象，如：{left: 10, top: 30}，或者 {right: '20%', bottom: 40}。

?

Str示例

'inside' //鼠標(biāo)所在圖形的內(nèi)部中心位置，只在 trigger 為'item'的時候有效。'top' //鼠標(biāo)所在圖形上側(cè)，只在 trigger 為'item'的時候有效。'left' //鼠標(biāo)所在圖形左側(cè)，只在 trigger 為'item'的時候有效。'right' //鼠標(biāo)所在圖形右側(cè)，只在 trigger 為'item'的時候有效。'bottom' //鼠標(biāo)所在圖形底側(cè)，只在 trigger 為'item'的時候有效。

?

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的echarts tooltip在图表范围内显示的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。