微信小程序 echarts自定义提示框tooltip圆点失效问题

216 阅读1分钟

最近在微信小程序中插入折线图时需要在提示框中添加单位,于是用了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);

希望对你有用。