You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在ECharts提示框回调函数中获取数据点参数值?

解决Apache ECharts Tooltip Formatter中params.value返回NaN的问题

首先你需要明确params.value的实际类型和结构,不同ECharts图表类型下,params.value的格式可能存在差异:

  • 直角坐标系图表(如折线/柱状图):params.value通常是数组格式(如[x轴值, y轴值]),直接使用整个数组会因类型转换失败返回NaN,此时需要提取数组中的数值项,比如第二个元素:
formatter: (params: any) => `$ ${Math.round(Number(params.value[1]))}`,
  • params.value是带小数的字符串(如'100.000'):parseInt虽能处理这类字符串,但更稳妥的方式是用parseFloat或直接转为Number类型后再取整,避免特殊字符串格式导致转换失败:
// 方案1:使用parseFloat
formatter: (params: any) => `$ ${Math.round(parseFloat(params.value))}`,
// 方案2:直接转Number
formatter: (params: any) => `$ ${Math.round(Number(params.value))}`,
  • params.value本身就是数值类型:无需额外转换,直接传入Math.round即可:
formatter: (params: any) => `$ ${Math.round(params.value)}`,

你可以先在formatter函数中添加console.log(params),打印完整参数对象,确认value的具体类型和结构,以便更精准地处理。

内容的提问来源于stack exchange,提问作者Ole

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.10 15:30:49