0
for chart to behave correctly, I should change these lines and it will be fine:
const gradientSegment =
ctx.createLinearGradient(right,0,left,0);
let border =
(left - x.getPixelForValue(props.colorData[i][j].point)) /
(left - right);
Source:stackexchange.com