如何在Chart.js中对tooltip的值排序?配置itemSort不生效无日志怎么办
问题解决方法
第一步:确认Chart.js版本
itemSort是Chart.js v3.0.0版本才新增的配置,如果你当前引入的是v2.x版本的Chart.js,该配置完全不会被识别,自然不会触发回调、也没有控制台日志输出。
你可以在浏览器控制台输入Chart.version查看当前版本,如果是2.x版本,升级到3.x或4.x版本即可让配置生效。第二步:版本符合要求后的排查
如果确认使用的是v3及以上版本仍不生效,可做如下检查:- 确认tooltip没有配置
enabled: false,你提供的代码中无该配置,可排除该问题 - 你当前配置的交互模式为
index,会触发同一索引下多个数据集的tooltip项排序逻辑,配置触发条件是符合要求的 - 你当前写的排序逻辑
return b.raw - a.raw是按数值降序排列,如果需要升序排序可以改为return a.raw - b.raw
- 确认tooltip没有配置
升级版本后你提供的原有配置即可正常运行,tooltip会按你设置的规则排序,console也会正常打印对应的项对象。
内容的提问来源于stack exchange,提问作者user3770797
相关产品推荐
相关产品推荐

