当在Echarts中使用自定义格式的tooltip时(formatter),发现前面的小圆点没有了

1. 为解决这个问题,就要用到Echarts中的marker

以折线图堆叠为例(dataset为数组对象格式):

  1. tooltip: {
  2. trigger: 'axis',
  3. formatter: function(params) {
  4. console.log(params)
  5. var result = params[0].axisValue
  6. params.forEach(function(item, index) {
  7. console.log(item)
  8. var key = Object.keys(item.value)
  9. var value = Object.values(item.value)
  10. result += '</br>' + item.marker + key[index + 1] + ':' + (value[index + 1] * 100).toFixed(2) + '%'
  11. })
  12. return result
  13. }
  14. },
  15. dataset: {
  16. source: [
  17. { product: '20210511', '服务端开启/新增': 0.823, '客户端开启/新增': 0.758, '卡槽显示/新增': 0.658, '弹框展示/新增': 0.558, '点击领取/新增': 0.458, '领取成功/新增': 0.358 },
  18. { product: '20210512', '服务端开启/新增': 0.833, '客户端开启/新增': 0.758, '卡槽显示/新增': 0.658, '弹框展示/新增': 0.558, '点击领取/新增': 0.458, '领取成功/新增': 0.358 },
  19. { product: '20210513', '服务端开启/新增': 0.843, '客户端开启/新增': 0.758, '卡槽显示/新增': 0.658, '弹框展示/新增': 0.558, '点击领取/新增': 0.458, '领取成功/新增': 0.358 },
  20. { product: '20210514', '服务端开启/新增': 0.853, '客户端开启/新增': 0.758, '卡槽显示/新增': 0.658, '弹框展示/新增': 0.558, '点击领取/新增': 0.458, '领取成功/新增': 0.358 },
  21. { product: '20210515', '服务端开启/新增': 0.863, '客户端开启/新增': 0.758, '卡槽显示/新增': 0.658, '弹框展示/新增': 0.558, '点击领取/新增': 0.458, '领取成功/新增': 0.358 },
  22. { product: '20210516', '服务端开启/新增': 0.863, '客户端开启/新增': 0.758, '卡槽显示/新增': 0.658, '弹框展示/新增': 0.558, '点击领取/新增': 0.458, '领取成功/新增': 0.358 }
  23. ]
  24. }