我通过在这里使用chart.js- https: //stackblitz.com/edit/angular-ivy-ytsbxn创建了spidar(雷达)图表。当我们这样获得数据= [100,100,100,200]时,所有三个标签的节点都相互重叠,因此在本例中,工具提示仅显示一个标签,如演示中所示。
如何解决重叠节点的工具提示问题?
首先,您需要为定义tooltips.mode: 'point'
和定义tooltips.callbacks
功能,title
然后label
才能获得显示在工具提示中的有意义的数据。
tooltips: {
mode: 'point',
callbacks: {
title: () => 'DataCombination',
label: (tooltipItem, data) => data.labels[tooltipItem.index] + ': ' + data.datasets[0].data[tooltipItem.index]
}
}
请看看您修改后的StackBlitz
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句