echarts修改tooltip样式

最新推荐文章于 2024-10-11 10:17:12 发布

会跳舞的小猴子

最新推荐文章于 2024-10-11 10:17:12 发布

阅读量4.4k

点赞数

分类专栏： echarts react 文章标签：图表 tooltip 样式配置自定义数据展示

本文链接：https://blog.csdn.net/qq_41820599/article/details/122939374

版权

react 同时被 2 个专栏收录

20 篇文章 0 订阅

订阅专栏

echarts

4 篇文章 0 订阅

订阅专栏

在这里插入图片描述
悬浮样式修改

tooltip: {
                textStyle:{
                    fontSize:14,
                    color:'#fff'
                },
                backgroundColor: 'rgba(51, 51, 51, 0.7)',
                // borderColor: 'rgba(51, 51, 51, 0.7)',
                borderWidth:0,
                trigger: 'item',
                formatter: function (val) {
                    console.log(val)
                    let res=`<div>
                        
                        <span>分类 : ${val.name}</span>
                        <div style="margin-top: 10px">${val.marker} 占比 : ${val.percent}%</div>
                        <div style="margin-left: 18px">人数 : ${val.value}</div>
                    </div>`
                    return res
                }
           },