javascript - echarts tooltip 自定义formatter怎么设置颜色？？

问题描述

问 题

echarts的折线图里面我自定义了tooltip 的formatter为：

formatter:'{b}<br/>{a0}:{c0}<br/>{a1}:{c1}'

但是

设置后的tooltip 就没有这个颜色标注了（默认不设置formatter的话会有），怎么把它显示出来？？因为他只提供了{a},{b},{c}三种参数接口并没有颜色这个接口啊？该怎么解决？谢谢

解决方案

官方文档里面好像没有这个API

默认的tooltip不是canvas而是div;

所以直接在formatter里面添加span设置好颜色就可以了

tooltip: {
          trigger: 'axis',
          formatter: '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#ff6f0b"></span>本房价: {c0}万'
         }

这篇关于javascript - echarts tooltip 自定义formatter怎么设置颜色？？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！