对于在chart.js中数据相互重叠的那些标签,工具提示不显示

阿鲁沙

我通过在这里使用chart.js- https: //stackblitz.com/edit/angular-ivy-ytsbxn创建了spidar(雷达)图表当我们这样获得数据= [100,100,100,200]时,所有三个标签的节点都相互重叠,因此在本例中,工具提示仅显示一个标签,如演示中所示。

斯皮达图

如何解决重叠节点的工具提示问题?

uminder

首先,您需要为定义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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Chart.js插件重叠的工具提示

chart.js散点图-在工具提示中显示特定于点的标签

如何在特定数据标签上的chart.js中隐藏工具提示?

Chart.js 中的多标签工具提示

传递动态标签时,Chart.js 不显示数据

Chart.js:着色工具提示标签

显示类别相对于Chart.js中堆积条形的百分比

在Chart JS的工具提示中添加所有数据

Chart.js工具提示未显示

Chart.js工具提示未显示

Chart.js - 工具提示与条形值重叠

隐藏Chart.js中的所有标签和工具提示,并使其尺寸很小

chart.js在带有工具提示回调的标签中的换行

Chart.js 不显示任何数据

Chart.js在工具提示和标签上添加图标

Chart.js 2.0 - 工具提示在悬停时显示不完整的数据

JavaScript Chart.js-自定义数据格式以显示在工具提示上

如何在 bar chart.js 中的工具提示中显示一个以上的值?

在chart.js中处理数据重叠

如何在chart.js中的图例项上显示工具提示

在 Chart.js v2 圆环图工具提示中显示所有值

使用Chart.JS显示单个工具提示?

Chart.js如何在工具提示上显示%

Chart.js在页面加载时显示工具提示

Chart.js工具提示值以两行显示

Chart.JS-工具提示-问题:3个数据点,每个数据点均显示所有三个单独的工具提示

Chart js中的工具提示始终为黑色,而不是相应数据集的颜色

如何在chart.js的图表工具提示中附加更多数据

在p:chart的数据提示中动态显示x轴标签(条形图)