其他分享
首页 > 其他分享> > echarts 图表 tooltip提示框,formatter自定义

echarts 图表 tooltip提示框,formatter自定义

作者:互联网

自定义图表提示框样式,

自定义原因:series中有多个数据样式,那么提示框会展示多条。

 tooltip: {
            formatter(params) {
             let circle = `<span style="display:inline-block;margin-right:5px;border-radius:50%;width:10px;height:10px;left:5px;background-color:`;//小圆点样式
                let data0 = `${circle}#06c4f5"></span> 总数量: ${params.data}`;//第二行显示
                return `${params.name}<br/>${data0}`;
            }

//备注:params.name 第一行显示内容


 

标签:formatter,name,自定义,tooltip,params,提示框
来源: https://www.cnblogs.com/syeacfpl/p/16528144.html