score:0

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

score:1

this worked for me with chartjs v2.4.0

the idea is to set backdropcolor to full transparent. 255,255,255 is white, but 0 sets it to transparent.

then the usercallback returns always an emptry string.

the end result is hidden y-axis labels.

  ticks: {
    backdropcolor : "rgba(255,255,255,0)",
    usercallback: function(value, index, values) {
      return "";
    }
  }

score:2

if you are using 3.3.2 y axis will be hidden by this:

options: 
{
    scales: {
        yaxis: {
            display: false,
        }
    }
},

score:3

try this one

 var statdat = {
    labels: ["january", "february", "march", "april", "may", "june"],
    datasets: [
        {
            fillcolor: "rgba(255, 152, 0, 0.30)",
            strokecolor: "#f26b5f",
            pointcolor: "#f26b5f",
            pointbackgroundcolor: "rgba(179,181,198,1)",
            pointbordercolor: "#00fff5",
            pointstrokecolor: "#f26b5f",
            data: [203, 156, 99, 251, 305, 247]
        }
    ]
};

var stats = document.getelementbyid('stats').getcontext('2d');

var options = {
    scaleshowlabels: false 
};

new chart(stats).line(statdat, options);

score:4

solved it with overriding y-axis labels width

chart.scale.prototype.buildylabels = function () {
  this.ylabelwidth = 0;
};

score:5

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

score:7

for version 3.x

options: {
  scales: {
    y: {
      ticks: {
        display: false,
      }
    }
  }
}

this will hide the y labels.

score:9

options: {
    scales: {
        yaxes: [{
            gridlines: {
              display: true,
              color: 'rgba(219,219,219,0.3)',
              zerolinecolor: 'rgba(219,219,219,0.3)',
              drawborder: false, // <---
              linewidth: 27,
              zerolinewidth: 1                 
            },
            ticks: {
                beginatzero: true,
                display: true
            }
        }]
    }
}

score:13

this will hide labels in y-axis: (but not x-axis)

    scaleshowlabels: false,

score:28

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]
        }]
      }
    });

score:93

to hide just the labels, in version 2.3.0 of charts.js, you disable ticks like so:

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

Related Query

More Query from same tag