echarts中tooltip.valueFormatter不起作用

在series里面写了这段,但是前端显示没有加上 ‘ 人’

tooltip: {
	valueFormatter: function (value) {
	    return value + ' 人';
	}
}

echarts官网解释
tooltip. valueFormatterstring
从 v5.3.0 开始支持
tooltip 中数值显示部分的格式化回调函数。

回调函数格式:
(value: number | string) => string

示例:
// 添加 $ 前缀
valueFormatter: (value) => '$' + value.toFixed(2)

搞半天不是valueFormatter的问题,是我的echerts版本太低了……

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
如果您在使用 echarts 的 series 的 tooltipvalueFormatter 时发现其失效,可以考虑以下几个方面: 1. 确认是否正确设置了 valueFormatter 在设置 valueFormatter 时,需要使用一个函数来返回需要显示的内容。例如: ``` tooltip: { formatter: function (params) { return 'Custom text' + params.value; } } ``` 请确认您已经正确设置了 valueFormatter,并且函数可以正常返回需要显示的内容。 2. 确认是否正确设置了 series 数据项的 value 数据 在设置 series 数据项时,需要为每个数据项设置一个 value 值,用于在 tooltip 显示。例如: ``` series: [{ type: 'bar', data: [10, 20, 30, 40, 50], tooltip: { valueFormatter: function (value) { return 'Custom text' + value; } } }] ``` 请确认您已经正确设置了 series 数据项的 value 数据,并且 value 值可以正常显示在图表。 3. 确认是否使用了 formatterecharts tooltip 的内容可以通过 formatter 来自定义。如果您同时设置了 formattervalueFormatter,那么 valueFormatter 可能会被覆盖。请确认是否使用了 formatter,并且正确设置了 valueFormatter。例如: ``` tooltip: { formatter: function (params) { return 'Custom text' + params.value; // 这里可能会覆盖 valueFormatter }, valueFormatter: function (value) { return 'Custom text' + value; } } ``` 如果您确认以上问题都没有出现,但是 valueFormatter 仍然失效,可以考虑更新 echarts 或者提交一个 issue 给 echarts 的开发团队。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值