javascript - 如果悬停和超出边界，如何停止调整 chart.js 的大小？

Question

我有一个关于 chartJs 的例子。当你将鼠标悬停在图表上时，会出现两条线。

var data_set = [{x: 1, y: 12}, {x: 2, y: 3}, {x: 3, y: 2}, {x: 4, y: 1}, {x: 5, y: 8}, {x: 6, y: 8}, {x: 7, y: 2}, {x: 8, y: 2}, {x: 9, y: 3}, {x: 10, y: 5}, {x: 11, y: 11}, {x: 12, y: 1}];
   //draw lines on yAxis.
    addLine(3.5);
    addLine(7);

在此示例中，data_set 的 y 坐标不在 addedLines 下方。但是当我将 y:12 更改为 y:1 时data_set 的第一个索引和画线，如 addLine(11.5)，图表重新缩放以使其始终在边界内。我想打破这种行为。我从来不希望它在悬停状态下重新缩放。如何做到这一点？

fiddle 示例:https://jsfiddle.net/ckhf0q9g/

Answer 1

你弄乱了坐标轴刻度。它在这些尺度上按预期工作:

    scales: {
    xAxes: [{
      id: 'x-axis',
      type: 'linear',
      position: 'bottom',
      ticks: {
        stepSize: 1,
        callback: function(value, index, values) {
          return data.labels[index];
        }
      }
    }],
    yAxes: [{
      id: 'y-axis',
      type: 'linear',
      ticks: {
        max: 12,
        min: 1,
        stepSize: 1,
      }
    }],
  }