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

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

formatter: function(params) {
  var result = ”
  params.forEach(function (item) {
    console.log(item)
    result += item.axisValue + “</br>” + item.marker + item.data
  })
  return result
}

其中item打印出如下图:

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

 

发现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片段即可。

    原文作者:MakeGreatEffort
    原文地址: https://blog.csdn.net/qq_36838191/article/details/105364520
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞