Chart.js line chart is cut off at the top?

Question

For some reasone all graphs are cut off at the highest value. How can i fix this? I can\'t use a fixed y-axis

Answer 1

I used hardcode, just wide draw area at top and bottom. This code based on original Chart.canvasHelpers.clipArea.

const WIDE_CLIP = {top: 2, bottom: 4};

Chart.canvasHelpers.clipArea = function(ctx, clipArea) {
    ctx.save();
    ctx.beginPath();
    ctx.rect(
      clipArea.left,
      clipArea.top - WIDE_CLIP.top,
      clipArea.right - clipArea.left,
      clipArea.bottom - clipArea.top + WIDE_CLIP.bottom
    );
    ctx.clip();
};