当在Echarts中使用自定义格式的tooltip时(formatter),发现前面的小圆点没有了
1. 为解决这个问题,就要用到Echarts中的marker
以折线图堆叠为例(dataset为数组对象格式):
tooltip: {
trigger: 'axis',
formatter: function(params) {
console.log(params)
var result = params[0].axisValue
params.forEach(function(item, index) {
console.log(item)
var key = Object.keys(item.value)
var value = Object.values(item.value)
result += '</br>' + item.marker + key[index + 1] + ':' + (value[index + 1] * 100).toFixed(2) + '%'
})
return result
}
},
dataset: {
source: [
{ product: '20210511', '服务端开启/新增': 0.823, '客户端开启/新增': 0.758, '卡槽显示/新增': 0.658, '弹框展示/新增': 0.558, '点击领取/新增': 0.458, '领取成功/新增': 0.358 },
{ product: '20210512', '服务端开启/新增': 0.833, '客户端开启/新增': 0.758, '卡槽显示/新增': 0.658, '弹框展示/新增': 0.558, '点击领取/新增': 0.458, '领取成功/新增': 0.358 },
{ product: '20210513', '服务端开启/新增': 0.843, '客户端开启/新增': 0.758, '卡槽显示/新增': 0.658, '弹框展示/新增': 0.558, '点击领取/新增': 0.458, '领取成功/新增': 0.358 },
{ product: '20210514', '服务端开启/新增': 0.853, '客户端开启/新增': 0.758, '卡槽显示/新增': 0.658, '弹框展示/新增': 0.558, '点击领取/新增': 0.458, '领取成功/新增': 0.358 },
{ product: '20210515', '服务端开启/新增': 0.863, '客户端开启/新增': 0.758, '卡槽显示/新增': 0.658, '弹框展示/新增': 0.558, '点击领取/新增': 0.458, '领取成功/新增': 0.358 },
{ product: '20210516', '服务端开启/新增': 0.863, '客户端开启/新增': 0.758, '卡槽显示/新增': 0.658, '弹框展示/新增': 0.558, '点击领取/新增': 0.458, '领取成功/新增': 0.358 }
]
}