微信小程序> echartstooltip提示框自定义小圆点(颜色、形状和大小等等)

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

浏览量:456 时间: 来源:AinUser

虽然文章是复制过来的,但是文章写得不错,实际的解决了问题

先附代码:

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

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎