日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學(xué)無先后,達(dá)者為師

網(wǎng)站首頁(yè) 編程語言 正文

echarts多個(gè)series進(jìn)行自定義tooltip的數(shù)據(jù)顯示

作者:ChangYan. 更新時(shí)間: 2023-07-08 編程語言

如圖,我有兩組數(shù)據(jù)要進(jìn)行顯示,后邊要跟的內(nèi)容不同,第一組數(shù)據(jù)顯示K,第二組數(shù)據(jù)顯示%
在這里插入圖片描述

所以需要用到的是tooltip下面的`formatter``,具體代碼如下:

        tooltip: {
          trigger: 'axis',
          axisPointer: { animation: false },
          appendToBody: true,
          formatter: (params) => {
            return `<div style="text-align:left">` + params[0].marker + params[0].seriesName + `<b style="float: right">` + params[0].value + `K</b></div>
                    <div style="text-align:left">` + params[1].marker + params[1].seriesName + `<b style="margin-left: 10px; float: right">` + params[1].value + `%</b></div>`
          }
        },

其中params就是表示當(dāng)前的數(shù)據(jù),params[0]表示的是第一組數(shù)據(jù),params[1]表示的是第二組數(shù)據(jù),對(duì)它們的展現(xiàn)形式分別進(jìn)行定義。然后就可以有如圖展示了!

原文鏈接:https://blog.csdn.net/changyana/article/details/128615514

  • 上一篇:沒有了
  • 下一篇:沒有了
欄目分類
最近更新