How to hide y axis line in ChartJs?

javascript charts chart.js
Jaipradeesh picture Jaipradeesh · Jul 26, 2016 · Viewed 52.6k times · Source

I am using bubble chart and gotta hide the y axis line. I've tried the following but it doesn't work.

Answer

Matt picture Matt · Feb 26, 2017

This disables the vertical Y axis line:

options: {
  scales: {
    yAxes: [{
      gridLines: {
        drawBorder: false,
      },
    }]
  },
},

This can be combined with display to disable the vertical gridLines:

xAxes: [{
  gridLines: {
    display: false,
  },
}],

Here's a working example: http://codepen.io/anon/pen/xqGGaV

Related questions

Dynamically update values of a chartjs chart

I created an basic bar chart using chartjs and it works fine. Now I want to update the values on a time based interval. My problem is that after I created the chart, I do not know how to update …

Read More
Click events on Pie Charts in Chart.js

I've got a question regard Chart.js. I've drawn multiple piecharts using the documentation provided. I was wondering if on click of a certain slice of one of the charts, I can make an ajax call depending on the value …

Read More
How to clear a chart from a canvas so that hover events cannot be triggered?

I'm using Chartjs to display a Line Chart and this works fine: // get line chart canvas var targetCanvas = document.getElementById('chartCanvas').getContext('2d'); // draw line chart var chart = new Chart(targetCanvas).Line(chartData); But the problem occurs when I …

Read More