Aligning two y-axes for a line chart

[ollie-freeman]

Hi all,

I'm trying to align two different y axes which seems to me would be a very common use case. Below is my current graph:

What I'd like is for the right axis numbers to align with the grid lines from the left. Thanks :)

[Udemology]

This is something that is definitely interesting to have. It this possible in a soft coded manner?
I suspect that the scales are independently created and lines are separately calculated, that would explain why they have independent gridlines.

I can imagine a hardcoded option with stepSize and min/max would be needed but it would be customized for each individual chart. Not suitable for a chart with where the scale would adjust consistently.

[stockiNail]

Maybe, as workaround, you can try to set the same amount of ticks for both scales.

This is doable using the count option in the ticks node for the scales.

        scales: {
          y1: {
            type: 'linear',
            ticks: {
              count: 9
            }
          },
          y2: {
            type: 'linear',
            position: 'right',
            ticks: {
              count: 9
            }
          }
        }

https://codepen.io/stockinail/pen/ExZGoJV

[Udemology]

Simply brilliant. Never though it would be so straightforward.