echarts如何在tooltip.formatter中使用图例颜色?

作者站长头像
站长
· 阅读数 19

由于元素高度受限,默认的tooltip会被遮盖一些导致显示不全(4.2.1).只能通过formatter自定义成一行显示多个. 发现两点不如意

1)图例的颜色如何获得

2)如何控制缩进. 让他们对齐

现在样子:echarts如何在tooltip.formatter中使用图例颜色?

现在的formatter:

// Tooltips显示不全
tmp.tooltip.formatter = '{b0}<br />{a0}: {c0}&nbsp;{a4}: {c4}<br />{a1}: {c1}&nbsp;{a5}: {c5}<br />{a2}: {c2}&nbsp;{a6}: {c6}<br />{a3}: {c3}&nbsp;'
回复
1个回答
avatar
test
2024-07-13

https://echarts.apache.org/zh...1、使用回调函数的形式,params参数中有数据图形的颜色answer image

2、回调函数中可以返回一个html片段,可以在css中对改片段进行样式设置,让他们对齐

可以参照https://madeapie.com/#/chartI...的formatter写法

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容