How can I make y-axis labels sticky while scrolling horizontally?

[Selenestica]

Hello, I'm trying to make my y-axis sticky if I have to scroll horizontally on my chart. I've looked around StackOverflow, and there is a great solution written in vanilla JS here. Below is a screenshot of what it looks like.

However, I'm afraid I'm not savvy enough to convert that into React-speak, not for lack of trying of course (it's the extra canvas tag that's throwing me off for the most part).
Has anyone done this before? Or if not, can anyone help me convert the above JSFiddle into a working React version? Thanks in advance.