Hiding labels on y axis in Chart.js

Question

I need to hide labels in line chart drawn using library chart.js. I googled but no luck. Could that be hidden?

Thanks

Answer 1

This will hide labels in Y-Axis: (but not X-Axis)

    scaleShowLabels: false,

Answer 2

Chart.defaults.scale.ticks.display = false;

Answer 3

Solved it with overriding y-axis labels width

Chart.Scale.prototype.buildYLabels = function () {
  this.yLabelWidth = 0;
};

Answer 4

you can use the scaleShowLabels option

• http://www.chartjs.org/docs/#line-chart-chart-options

Answer 5

To hide just the labels, in the latest version (2.3.0) of Charts.js, you disable ticks like so:

options: {
    scales: {
        yAxes: [{
            ticks: {
                display: false
            }
        }]
    }
}

Answer 6

For version 2, you can do this with the Scales option in the global configuration.

  var ctx = document.getElementById("log");
  var chart = new Chart(ctx, {
      type: 'line',
      options: {
        scales: {
          xAxes: [{
            display: false
          }],
          yAxes: [{
            display: false
          }],
        }
      },
      data: {
        labels: ['Item 1', 'Item 2', 'Item 3'],
        datasets: [{
            fill: false,
            borderWidth: 1,
            data: [10, 20, 30]
        }]
      }
    });