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

      }

    }],

  }