教你一招：解决微信小程序 echarts提示框tooltip圆点不显示问题

遵义加贝

于 2024-09-27 17:28:05 发布

阅读量127

点赞数 2

文章标签： echarts 前端 javascript 微信小程序

本文链接：https://blog.csdn.net/weixin_70643048/article/details/142598765

版权

最近在微信小程序中插入折线图时需要在提示框中添加单位，于是用了tooltip自定义提示框内容。发现设置了之后小圆点不见了，看了很多文章，有说要加params[i].marker的，有说直接写HTML的，可能是版本问题，我都没有成功。最后将解决办法记录如下：

let option = {
    // ... 其他配置项
    tooltip: {
        trigger: 'axis', // 触发类型, 坐标轴触发
        formatter: function (params) {
           let str = '';
          for (const i in params) {
            str += `{marker${params[i].seriesIndex}at0|} ${params[i].seriesName}:   ${params[i].value[1]}${需要动态加的单位变量} \n`
          }
          str = str.slice(0, str.length - 1) // 去掉最后一个换行
            return str;
            }
        }
    },
    // ... 其他配置项
};
// 然后使用这个配置项显示图表
chart.setOption(option);

希望这篇文章对你有用！！