时间戳

首页 > 解决方案 > 悬停在chart.js上时如何将两个值显示为标签

chart.js - 悬停在chart.js上时如何将两个值显示为标签

问题描述

我试图在此处找到的 chart.js 中为两个数据集制作标签。 将鼠标悬停在图表中的不同日期时出现的 chart.js 示例

我试图添加这个...

   options: {
  tooltips: {
     mode: 'index',
     intersect: false
  },
  hover: {
     mode: 'index',
     intersect: false
  }

}

但这无济于事，在完美的世界中，当悬停在 SUNDAY 上时，我想将其显示为 28 (30)。有人可以帮忙吗？

标签： chart.js

解决方案

由于您不使用内置工具提示来显示这些值，因此设置工具提示模式并不重要。

要得到你想要的，只需按照你喜欢的方式将值放在同一个跨度中，这样你就会得到：

<div class="tick">
  SUN
  <span class="value value--this">28 (30)</span>
</div>

https://codepen.io/leelenaleee/pen/OJjOamw

推荐阅读