成功最有效的方法就是向有经验的人学习!

Echarts饼图自定义tooltip

Echarts笔记1-饼图,自定义tooltip

tooltip: {
          trigger: "item",
          position: ["40%", "40%"],
          extraCssText: "width:180px;height:200px;overflow:auto;",
          enterable: true,
          formatter: (params) => {
            let res =
              "<div style='width:100%;text-align:center;'><span style='text-decoration: underline;'>" +
              params.name +
              "</span>明细数据</div><div style='width:100%;font-size: 12px;'><table style='width:100%;'>";
            for (let i in this.JiraPieTooltip[params.name]) {
              res +=
                "<tr><td>" +
                this.JiraPieTooltip[params.name][i].jiraid +
                "</td><td>" +
                this.JiraPieTooltip[params.name][i].ip +
                "</td></tr>";
              // console.log(this.JiraPieTooltip[params.name][i]);
              // console.log("-------------------")
            }
            res += "</table></div>";
            return res;
          }, //'{a} <br/>{b}: {c} ({d}%)',
        },
赞(0) 打赏
未经允许不得转载:陈桂林博客 » Echarts饼图自定义tooltip
分享到

大佬们的评论 抢沙发

全新“一站式”建站,高质量、高售后的一条龙服务

微信 抖音 支付宝 百度 头条 快手全平台打通信息流

橙子建站.极速智能建站8折购买虚拟主机

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏

登录

找回密码

注册