建站
咨詢
售后
建站咨詢
新聞中心
本節(jié)將對(duì) ECharts 極坐標(biāo)系的 tooltip 位置進(jìn)行設(shè)置，在該項(xiàng)設(shè)置中，我們可以通過(guò)兩種種方法來(lái)表示提示框浮層的位置，分別是：
在威縣等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)制作定制開(kāi)發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站制作,營(yíng)銷型網(wǎng)站建設(shè),成都外貿(mào)網(wǎng)站建設(shè),威縣網(wǎng)站建設(shè)費(fèi)用合理。
- Array：使用數(shù)組表示；
- Function：通過(guò)回調(diào)函數(shù)表示；
polar.tooltip.position | string, Array, Function
設(shè)置 polar 提示框浮層的位置，默認(rèn)不設(shè)置時(shí)位置會(huì)跟隨鼠標(biāo)的位置。
可選：
- Array
通過(guò)數(shù)組表示提示框浮層的位置，支持?jǐn)?shù)字設(shè)置絕對(duì)位置，百分比設(shè)置相對(duì)位置。
示例:// 絕對(duì)位置，相對(duì)于容器左側(cè) 10px, 上側(cè) 10 px
position: [10, 10]
// 相對(duì)位置，放置在容器正中間
position: ['50%', '50%'] - Function
回調(diào)函數(shù)，格式如下(point: Array, params: Object|Array.參數(shù)：
point: 鼠標(biāo)位置，如 [20, 40]。
params: 同 formatter 的參數(shù)相同。
dom: tooltip 的 dom 對(duì)象。
rect: 只有鼠標(biāo)在圖形上時(shí)有效，是一個(gè)用x, y, width, height四個(gè)屬性表達(dá)的圖形包圍盒。
size: 包括 dom 的尺寸和 echarts 容器的當(dāng)前尺寸，例如：{contentSize: [width, height], viewSize: [width, height]}。
返回值：
可以是一個(gè)表示 tooltip 位置的數(shù)組，數(shù)組值可以是絕對(duì)的像素值，也可以是相 百分比。
也可以是一個(gè)對(duì)象，如：{left: 10, top: 30}，或者 {right: '20%', bottom: 40}。
如下示例：
position: function (point, params, dom, rect, size) {
// 固定在頂部
return [point[0], '10%'];
}或者：
position: function (pos, params, dom, rect, size) {
// 鼠標(biāo)在左側(cè)時(shí) tooltip 顯示到右側(cè)，鼠標(biāo)在右側(cè)時(shí) tooltip 顯示到左側(cè)。
var obj = {top: 60};
obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]]= 5;
return obj;
} 鼠標(biāo)所在圖形的內(nèi)部中心位置，只在 trigger 為'item'的時(shí)候有效。
鼠標(biāo)所在圖形上側(cè)，只在 trigger 為'item'的時(shí)候有效。
鼠標(biāo)所在圖形左側(cè)，只在 trigger 為'item'的時(shí)候有效。
鼠標(biāo)所在圖形右側(cè)，只在 trigger 為'item'的時(shí)候有效。
鼠標(biāo)所在圖形底側(cè)，只在 trigger 為'item'的時(shí)候有效。
分享名稱：創(chuàng)新互聯(lián)ECharts教程：極坐標(biāo)系中tooltip的位置
標(biāo)題來(lái)源：http://www.5511xx.com/article/cdssodj.html
