当前位置： 移动技术网 > IT编程>开发语言>JavaScript > echarts tooltip提示框 自定义小圆点(颜色、形状和大小等等)

echarts tooltip提示框 自定义小圆点(颜色、形状和大小等等)

2019年01月04日  | 移动技术网IT编程  | 我要评论

项目是拿 echarts + 百度地图 来做可视化界面，现在到收尾阶段慢慢优化。

先附代码:

formatter: function(params) {
　　var result = ''
　　params.foreach(function (item) {
　　　　console.log(item)
　　　　result += item.axisvalue + "</br>" + item.marker + item.data
　　})
　　return result
}

如下图,默认圆点颜色为红色:

 

其中item打印出如下图:

发现marker(小圆点)即为html片段，要改变小圆点颜色只需自定义html即可。

附代码:

formatter: function(params) {
　　var result = ''
　　var dothtml = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#1197b8"></span>'
　　params.foreach(function (item) {
　　　　result += item.axisvalue + "</br>" + dothtml + item.data
　　})
　　return result
}

效果图:

 同理，要改变小圆点形状，重写html片段即可。

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网