3 thoughts on “y-axis labels are being cut off when many data values displayed

  1. I have this issue too. I am setting my Y label by using:

    var options = { scaleLabel: "<%%= Number(value / 1000) + ' MB'%%>" };

    Then, I put an extra space between " and <, making my code:

    var options = { scaleLabel: " <%%= Number(value / 1000) + ' MB'%%>" };

    This fixed the issue for me for the time being.

  2. I also had the same issue, which I fixed by updating “scaleLabel” in the chart options:

    var options = {   
      scaleLabel: function(object) {
        return "      " + object.value;
      },
      responsive: true,
      pointDot: false
    };

    By adding a few spaces to the left of the labels, it prevents the label text from being cut off.

  3. Fixed on latest commit, using layout

    options: {
                layout: {
                    padding: {
                      // Any unspecified dimensions are assumed to be 0
                      left: 10,
                      bottom: 5
                    }
                  }
    ....
    
    }
    

Comments are closed.