Chart.js: Multi Axis Scatter: drawBorder not working anymore.

Created on 30 Dec 2019  ·  5Comments  ·  Source: chartjs/Chart.js

Expected Behavior

I expected the right border (yAxes position right) to be hidden when drawBorder and drawOnChartArea were set to false like on this Fiddle that uses an old version of Chart (2.3.0): https://jsfiddle.net/o4xy6czj/

Current Behavior

Instead the right border stays like in this fiddle: https://jsfiddle.net/315oakx4/1/

Steps to Reproduce (for bugs)

Copy / paste code from the first Fiddle with the 2.3.0 version of Chart.js and then update it to the latest.

Environment

  • Chart.js version: "2.9.3"
  • Browser name and version: Chrome
bug

Most helpful comment

Its actually x-axis grid line that's drawn at right border. https://jsfiddle.net/jz8ok9pe/

All 5 comments

Does 2.8.x work?

This seems like a possible duplicate of https://github.com/chartjs/Chart.js/issues/6876. Does setting gridLines.display: true fix it?

2.8x works for drawLine: false on the right Yaxes but then the left drawLine does not work anymore and the overlapping bar does not work as well.

gridLines.display: true does not fix it.

Its actually x-axis grid line that's drawn at right border. https://jsfiddle.net/jz8ok9pe/

Thank you @kurkle

Was this page helpful?
0 / 5 - 0 ratings