使用Chart.js在同一图上使用不同大小的多个数据集

b4qexyjb 于 2022-11-23 发布在 Chart.js

关注(0)|答案(1)|浏览(143)

如何在同一Chart.js图上绘制2个数据集，但大小不同？

一行用于每日点数
第二条线每6小时有一个点，即4倍多的点

这不起作用：
第一个
在this codepen中，我随机发现它几乎可以工作，但我不认为这是标准的方式，因为当你悬停在一个红色条上时，它会显示预期的工具提示，但 * 也会显示一个遥远的无关点的工具提示 *，这是不好的。
注：我已经读过ChartJS - Line Chart with different size datasets，但结果不好（见答案截图的x轴，不可读）。

chart.js

来源：https://stackoverflow.com/questions/74372366/multiple-datasets-on-the-same-plot-with-different-sizes-with-chart-js

1条答案

按热度按时间

cld4siwp1#

要避免在不相关的点上悬停，可以尝试设置hover选项，如下所示：

options: {
    responsive: true,
    title: {
      display: true,
      text: 'Chart.js - Combo Chart With Multiple Scales (X Axis)'
    },
    hover: {  // <-- to add
      mode: 'nearest'
    },
    tooltips: {
      mode: 'nearest',
      intersect: true
    },
    ...
  }

第一个

赞(0）回复(0）举报 2022-11-23

我来回答

使用Chart.js在同一图上使用不同大小的多个数据集

1条答案

相关问题

热门标签

最新问答