有没有办法显示Chart.js中图表上不可见的点的工具提示?

mwecs4sa  于 2022-11-23  发布在  Chart.js
关注(0)|答案(1)|浏览(155)

我有一个折线图,Y轴上有一个最小值。有时数据会低于此最小值,我不想因为这一点而拉伸图表,但我希望在将光标移动到X轴上的值时显示工具提示。
我已经创建了一个关于这个问题的codepen:codepen

var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
  type: "line",
  data: {
    labels: ["R", "B", "Y", "G", "P", "O"],
    datasets: [
      {
         label: "# of Votes",
         data: [12, 13, 11, 12, 9, 13]
      }
    ]
  },
  options: {
    scales: {
      y: {
        min: 10
      },
    },
    interaction: {
      intersect: false,
      mode: 'nearest',
      axis: 'x',
    },
  }
});
vq8itlhq

vq8itlhq1#

您可以按照此处的说明定义interaction.mode: 'x'
请看一下下面修改后的代码,看看它是如何工作的。
第一个

相关问题