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

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


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


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


这里是formatter给的数据


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



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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 副标题:无 结构化思维:无 我在2018年9月初下文,9月27日正式到广饶挂职,目前已有近半年时间。 在当初挂职前...
    三好花和尚阅读 460评论 0 0
  • 冒泡排序算法如同他的名字一样, 将数据的值看作一个个气泡,按照一定的顺序(大到小, 或者小到大)依次移动到两端的位...
    康乐芳华阅读 169评论 0 0
  • [Gains] 我觉得学习英语最重要的是多练习,不管是听力,还是单词,多练几遍就记住了,听力天天听,就会有印象,脑...
    143赵洋阅读 230评论 1 0