Echarts tooltip formatter函數(shù)使用

tooltip

實(shí)現(xiàn)如上默認(rèn)的tooltip樣式,tooltip配置部分代碼如下:

tooltip: {
    trigger: 'axis',
        axisPointer: {            // 坐標(biāo)軸指示器,坐標(biāo)軸觸發(fā)有效
        type: 'line'        // 默認(rèn)為直線,可選為:'line' | 'shadow'
    },
    formatter: (params) => {
        let list = []
        let listItem = ''
        let axisValueLabel = params[0].axisValueLabel
        for (let i = 0; i < params.length; i++) {
            list.push(
                '<i style="display: inline-block;width: 10px;height: 10px;background: ' +
                params[i].color +
                ';margin-right: 5px;border-radius: 50%;}"></i>' +
                '<span style="display:inline-block;">' +
                params[i].seriesName +
                '</span><span style="display:inline-block;">&nbsp&nbsp' +
                params[i].data +
                '</span>'
            )
        }
        listItem = list.join('<br>')
        return axisValueLabel + '<br>' + listItem
    }
}

具體想獲取的數(shù)據(jù)在params中查找,每次彈出tooltip都會(huì)觸發(fā)一次formatter回調(diào)函數(shù)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容