I am using bubble chart and gotta hide the y axis line. I've tried the following but it doesn't work.
yAxes: [{ angleLines: { display: false } }]
If you want to hide gridlines in Chart. js, you can use the above code. Yor will have to 'display: false' in gridLines object which is specified on the basis of Axis. You can use 'xAxes' inside scales object for applying properties on the x-axis.
When we're creating a chart using the Chart. js framework, we're going to need a canvas element. The Chart JS library relies on canvas elements. So create a canvas element in the HTML section, give it an ID of line-chart , and then close off that canvas element.
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
var myBubbleChart = new Chart(ctx,{ type: 'bubble', data: data, options: { scales: { yAxes: [{ gridLines : { display : false } }] } } });
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With