美文网首页
解决echart 自定义tooltip 添加自定义样式

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

作者: 心淡然如水 | 来源:发表于2019-05-07 17:18 被阅读0次

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

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


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

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

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

    相关文章

      网友评论

          本文标题:解决echart 自定义tooltip 添加自定义样式

          本文链接:https://www.haomeiwen.com/subject/zgqwgqtx.html