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

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

新聞中心

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

series[i]-treemap.tooltip 

設(shè)置 Treemap 特定的提示框浮層。

創(chuàng)新互聯(lián)建站長期為上1000家客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺(tái),與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為平魯企業(yè)提供專業(yè)的做網(wǎng)站、成都做網(wǎng)站平魯網(wǎng)站改版等技術(shù)服務(wù)。擁有十載豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

Treemap 提示框浮層屬性

formatter 

注意:series.tooltip 僅在 tooltip.trigger 為 'item' 時(shí)有效。

提示框浮層內(nèi)容格式器,支持字符串模板和回調(diào)函數(shù)兩種形式。

  • 字符串模板

    模板變量有 {a}, ,{c},ombpvu4,{e},分別表示系列名,數(shù)據(jù)名,數(shù)據(jù)值等。 在 trigger 為 'axis' 的時(shí)候,會(huì)有多個(gè)系列的數(shù)據(jù),此時(shí)可以通過 {a0}, {a1}, {a2} 這種后面加索引的方式表示系列的索引。 不同圖表類型下的 {a},,{c},okiwkay 含義不一樣。 其中變量{a}, , {c}, 9wlh4la在不同圖表類型下代表數(shù)據(jù)含義為:

    • 折線(區(qū)域)圖、柱狀(條形)圖、K線圖 : {a}(系列名稱),(類目值),{c}(數(shù)值), ziflipv(無)
    • 散點(diǎn)圖(氣泡)圖 : {a}(系列名稱),(數(shù)據(jù)名稱),{c}(數(shù)值數(shù)組), 3erfd8w(無)
    • 地圖 : {a}(系列名稱),(區(qū)域名稱),{c}(合并數(shù)值), ff6cmkz(無)
    • 餅圖、儀表盤、漏斗圖: {a}(系列名稱),(數(shù)據(jù)項(xiàng)名稱),{c}(數(shù)值), q28xlbr(百分比)

    更多其它圖表模板變量的含義可以見相應(yīng)的圖表的 label.normal.formatter 配置項(xiàng)。

    示例:

    formatter: '{b0}: {c0}
    {b1}: {c1}'
  • 回調(diào)函數(shù)

    回調(diào)函數(shù)格式:

    (params: Object|Array, ticket: string, callback: (ticket: string, html: string)) => string

    第一個(gè)參數(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ù)項(xiàng)
        data: Object,
        // 傳入的數(shù)據(jù)值
        value: number|Array,
        // 數(shù)據(jù)圖形的顏色
        color: string,
        // 餅圖的百分比
        percent: number,
        // 
        galleryViewPath: ,
        // 
        galleryEditorPath: ,
        // 
        imagePath: ,
        // 
        gl: ,
    }

    在 trigger 為 'axis' 的時(shí)候,或者 tooltip 被 axisPointer 觸發(fā)的時(shí)候,params 是多個(gè)系列的數(shù)據(jù)數(shù)組。其中每項(xiàng)內(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ù)項(xiàng)
        data: Object,
        // 傳入的數(shù)據(jù)值
        value: number|Array,
        // 數(shù)據(jù)圖形的顏色
        color: string,
    
    }

    注: ECharts 2.x 使用數(shù)組表示各參數(shù)的方式不再支持。

    第二個(gè)參數(shù) ticket 是異步回調(diào)標(biāo)識(shí),配合第三個(gè)參數(shù) callback 使用。 第三個(gè)參數(shù) callback 是異步回調(diào),在提示框浮層內(nèi)容是異步獲取的時(shí)候,可以通過 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' 時(shí)有效。

提示框浮層的背景顏色。默認(rèn)值為 'rgba(50,50,50,0.7)'。

borderColor

注意:series.tooltip 僅在 tooltip.trigger 為 'item' 時(shí)有效。

提示框浮層的邊框顏色。默認(rèn)值為 '#333' 。

borderWidth

注意:series.tooltip 僅在 tooltip.trigger 為 'item' 時(shí)有效。

提示框浮層的邊框?qū)?。該值類型?number,默認(rèn)值為 0 。

padding

注意:series.tooltip 僅在 tooltip.trigger 為 'item' 時(shí)有效。

提示框浮層內(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è)置四個(gè)方向的內(nèi)邊距
padding: [
    5,  // 上
    10, // 右
    5,  // 下
    10, // 左
]
textStyle

注意:series.tooltip 僅在 tooltip.trigger 為 'item' 時(shí)有效。

提示框浮層的文本樣式。

position

注意:series.tooltip 僅在 tooltip.trigger 為 'item' 時(shí)有效。

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

以下是該提示框浮層可選的值: