日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)ECharts教程：ECharts：特定于?；鶊D的提示框浮層

在ECharts中series[i]-sankey.tooltip表示設(shè)置本系列特定的提示框浮層設(shè)定，本節(jié)介紹?；鶊D特定提示框浮層的一些屬性。

創(chuàng)新互聯(lián)專注于寶安網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供寶安營銷型網(wǎng)站建設(shè)，寶安網(wǎng)站制作、寶安網(wǎng)頁設(shè)計、寶安網(wǎng)站官網(wǎng)定制、微信小程序定制開發(fā)服務(wù)，打造寶安網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供寶安網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

?；鶊D提示框浮層屬性

position

注意：series.tooltip 僅在 tooltip.trigger 為 'item' 時有效。

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

可選：

  • Array
    通過數(shù)組表示提示框浮層的位置，支持?jǐn)?shù)字設(shè)置絕對位置，百分比設(shè)置相對位置。
    示例:  
      // 絕對位置，相對于容器左側(cè) 10px, 上側(cè) 10 px
  position: [10, 10]
  // 相對位置，放置在容器正中間
  position: ['50%', '50%']
  • Function
    回調(diào)函數(shù)，格式如下 ： 
     (point: Array, params: Object|Array., dom: HTMLDomElement, rect: Object, size: Object) => Array
    參數(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}。如下示例：
    position: function (point, params, dom, rect, size) {
      // 固定在頂部
      return [point[0], '10%'];
  }
    或者：
    position: function (pos, params, dom, rect, size) {
      // 鼠標(biāo)在左側(cè)時 tooltip 顯示到右側(cè)，鼠標(biāo)在右側(cè)時 tooltip 顯示到左側(cè)。
      var obj = {top: 60};
      obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 5;
      return obj;
  }
    • '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'的時候有效。
    formatter
      注意：series.tooltip 僅在 tooltip.trigger 為 'item' 時有效。
    提示框浮層內(nèi)容格式器，支持字符串模板和回調(diào)函數(shù)兩種形式。
    1、字符串模板
    模板變量有 {a}, ，{c}，hyfen0q，{e}，分別表示系列名，數(shù)據(jù)名，數(shù)據(jù)值等。 在 trigger 為 'axis' 的時候，會有多個系列的數(shù)據(jù)，此時可以通過 {a0}, {a1}, {a2} 這種后面加索引的方式表示系列的索引。 不同圖表類型下的 {a}，，{c}，ll2x2c4 含義不一樣。 其中變量{a}, , {c}, iqna042在不同圖表類型下代表數(shù)據(jù)含義為：
    • 折線（區(qū)域）圖、柱狀（條形）圖、K線圖 : {a}（系列名稱），（類目值），{c}（數(shù)值）, izoiyzn（無）
    • 散點(diǎn)圖（氣泡）圖 : {a}（系列名稱），（數(shù)據(jù)名稱），{c}（數(shù)值數(shù)組）, fvlyzzh（無）
    • 地圖 : {a}（系列名稱），（區(qū)域名稱），{c}（合并數(shù)值）, pgdjonl（無）
    • 餅圖、儀表盤、漏斗圖: {a}（系列名稱），（數(shù)據(jù)項名稱），{c}（數(shù)值）, pp4l2ii（百分比）
    更多其它圖表模板變量的含義可以見相應(yīng)的圖表的 label.normal.formatter 配置項。
    示例：
    formatter: '{b0}: {c0}
    {b1}: {c1}'
    2、回調(diào)函數(shù)
    回調(diào)函數(shù)格式：
    (params: Object|Array, ticket: string, callback: (ticket: string, html: string)) => string
    第一個參數(shù) params 是 formatter 需要的數(shù)據(jù)集。格式如下：
    {
    componentType: 'series',
    // 系列類型
    seriesType: string,
    // 系列在傳入的 option.series 中的 index
    seriesIndex: number,
    // 系列名稱
    seriesName: string,
    // 數(shù)據(jù)名，類目名
    name: string,
    // 數(shù)據(jù)在傳入的 data 數(shù)組中的 index
    dataIndex: number,
    // 傳入的原始數(shù)據(jù)項
    data: Object,
    // 傳入的數(shù)據(jù)值
    value: number|Array,
    // 數(shù)據(jù)圖形的顏色
    color: string,

    // 餅圖的百分比
    percent: number,

    // 
    galleryViewPath: ,

    // 
    galleryEditorPath: ,

    // 
    imagePath: ,

    // 
    gl: ,

}
    在 trigger 為 'axis' 的時候，或者 tooltip 被 axisPointer 觸發(fā)的時候，params 是多個系列的數(shù)據(jù)數(shù)組。其中每項內(nèi)容格式同上，并且：
    {
    componentType: 'series',
    // 系列類型
    seriesType: string,
    // 系列在傳入的 option.series 中的 index
    seriesIndex: number,
    // 系列名稱
    seriesName: string,
    // 數(shù)據(jù)名，類目名
    name: string,
    // 數(shù)據(jù)在傳入的 data 數(shù)組中的 index
    dataIndex: number,
    // 傳入的原始數(shù)據(jù)項
    data: Object,
    // 傳入的數(shù)據(jù)值
    value: number|Array,
    // 數(shù)據(jù)圖形的顏色
    color: string,

}
    注： ECharts 2.x 使用數(shù)組表示各參數(shù)的方式不再支持。
    第二個參數(shù) ticket 是異步回調(diào)標(biāo)識，配合第三個參數(shù) callback 使用。 第三個參數(shù) callback 是異步回調(diào)，在提示框浮層內(nèi)容是異步獲取的時候，可以通過 callback 傳入上述的 ticket 和 html 更新提示框浮層內(nèi)容。
    示例：
    formatter: function (params, ticket, callback) {
    $.get('detail?name=' + params.name, function (content) {
        callback(ticket, toHTML(content));
    });
    return 'Loading';
}
    backgroundColor
      注意：series.tooltip 僅在 tooltip.trigger 為 'item' 時有效。
    提示框浮層的背景顏色。默認(rèn)值為'rgba(50,50,50,0.7)'。
    borderColor
      注意：series.tooltip 僅在 tooltip.trigger 為 'item' 時有效。
    提示框浮層的邊框顏色，默認(rèn)值為'#333'。
    borderWidth
      注意：series.tooltip 僅在 tooltip.trigger 為 'item' 時有效。
    提示框浮層的邊框?qū)挕?/p>
    padding
      注意：series.tooltip 僅在 tooltip.trigger 為 'item' 時有效。
    提示框浮層內(nèi)邊距，單位px，默認(rèn)各方向內(nèi)邊距為5，接受數(shù)組分別設(shè)定上右下左邊距。
    使用示例：
    // 設(shè)置內(nèi)邊距為 5
padding: 5
// 設(shè)置上下的內(nèi)邊距為 5，左右的內(nèi)邊距為 10
padding: [5, 10]
// 分別設(shè)置四個方向的內(nèi)邊距
padding: [
    5,  // 上
    10, // 右
    5,  // 下
    10, // 左
]
    textStyle
      注意：series.tooltip 僅在 tooltip.trigger 為 'item' 時有效。
    設(shè)置?；鶊D提示框浮層的文本樣式。
    extraCssText
      注意：series.tooltip 僅在 tooltip.trigger 為 'item' 時有效。
    設(shè)置額外附加到?；鶊D提示框浮層的 css 樣式。如下為浮層添加陰影的示例：
    extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'
                                                    
    
                                                分享題目：創(chuàng)新互聯(lián)ECharts教程：ECharts：特定于?；鶊D的提示框浮層                                                
    
                                                網(wǎng)站鏈接：http://m.5511xx.com/article/ccceigj.html