Echarts tooltip 提示框自定义样式

tooltip默认的样式或者值可能不符合开发的要求，可以使用formatter函数自定义处理

let option = {
  tooltip: {
    // 提示框组件
    trigger: "axis", // 坐标轴触发
    padding: [20, 16, 12, 16],
    backgroundColor: "#fff",
    alwaysShowContent: false,
    formatter: function(params) {
      let html = `

          

            ${params[0].axisValue}
          
${params
.map(
(
item
) => `

${
item.color
};">
${item.seriesName}
¥${item.value[
item.encode.y[0]
] || 0}
`
)
.join("")}

总计
¥${R.reduceRight(
R.add,
0,
R.drop(1, params[0].value || [])
)}

`;
return html;
},
},
};