如果悬停并超出边界，如何停止调整 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);

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

小提琴示例： 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,      }    }],  }