解决echart 自定义tooltip 添加自定义样式

2019-05-07  本文已影响0人  心淡然如水

最近在做项目的过程中,可能遇到tooltip提示框显示的数据跟我们传入data的数据不一样的时候,需要我们去自定义样式,如果只是填写拼接数据,我想大家都会了,我这里就不追叙了!

我这里要说的是在我们自定义的过程中会遇到将图片中的圆圈(如上图)以及对应的条纹颜色一起绘制出来,本人也是百度许久没有一篇文章可以给我指引康庄大道!只能自己闭门造车,今天就把造的车来出来溜溜!


这里是官网给出的字符模板 这里是formatter给的数据

相信大家都看到这个东西拉!只不过没有注意到!

好了这里开始放大招了!我们的html样式是可以自己定义的!上面的代码就是我自己做的测试完全支持!!!方的圆的完全可以自己做!如果自己写的话可以参照上面黄色箭头格式自己定义样式,如果想用自带的圆圈只需要加上  item.marker 就ok拉(参照红色箭头)!!!!

上一篇下一篇

猜你喜欢

热点阅读