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

學無先后,達者為師

網站首頁 編程語言 正文

echarts多個series進行自定義tooltip的數據顯示

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

如圖,我有兩組數據要進行顯示,后邊要跟的內容不同,第一組數據顯示K,第二組數據顯示%
在這里插入圖片描述

所以需要用到的是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就是表示當前的數據,params[0]表示的是第一組數據,params[1]表示的是第二組數據,對它們的展現形式分別進行定義。然后就可以有如圖展示了!

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

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