echarts自定义修改tooltip样式内容

此时的样式与官方tooltip样式相同,可根据回调函数中的数据进行自定义的数值修改

tooltip: {
                  // formatter: '{a}<br />{b}: {c}'
                  formatter: (params) => {
                    const content = `
                    <div style="height: 25px; line-height: 25px;">
                      <span style="display: inline-block; margin-right: 10px; border-radius: 50%; width: 10px; height: 10px;background-color: ${params.color};"></span>
                    </div>
                    `;
                    const html = `
                    <div>${params.seriesName}</div>
                    <div style="display: flex;align-items: center;">
                      ${content}${params.name} <span style="padding-left: 25px;font-weight: bolder;">${params.data.total}</span>
                    </div>
                    `;
                    return html
                  },
                },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ponGISer

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值