echarts图中tooltip内容文字的样式设置

最新推荐文章于 2024-09-17 22:18:33 发布

超小盆友的媳妇儿

最新推荐文章于 2024-09-17 22:18:33 发布

阅读量1.4w

点赞数 4

分类专栏：前端 echarts 文章标签： echarts图中tooltip内容文字的样式设置

本文链接：https://blog.csdn.net/qq_37642495/article/details/90297270

版权

前端同时被 2 个专栏收录

25 篇文章 0 订阅

订阅专栏

echarts

5 篇文章 0 订阅

订阅专栏

一直改不了tooltip里面文字原有的样式，后来发现默认的tooltip就是一个div，直接在formatter里面添加span设置好颜色就可以了~
附一段代码：

tooltip: {
  show: true,
  backgroundColor: "#FFF",
  borderColor: "#C3CBD6",
  borderWidth: 1,
  axisPointer: { lineStyle: { color: "#C3CBD6" } },
  padding: [0, 10],
  formatter: '<span style="color: #657180; margin-left: 8px; float: right;">{a} <br/>{b} : {c}%</span>'
},