"echarts"的很多组件配置中都提供了 "formatter" 方法来进行数据格式化,拿 "tooltip" 举例
* 在 options 的 tooltip 中配置一个 "formatter" 方法
* "formatter" 的入参是当前移入项的相关数据
* 根据实际需求组装一个 "dom string" 返回即可const option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
tooltip: {
trigger: 'axis',
formatter(params) {
const [param] = params;
const { axisValue, marker, value } = param
return "${axisValue} ${marker}${value.toFixed(0)}"
}
},
series: [
{
data: [150.23, 230.56, 224.23, 218.48, 135.23, 147.69, 260.56],
type: 'line'
}
]
};
效果如下
"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241207/f44aeb86d11e39c061a4d3ab6f2c38be.png)