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