516: Chart transform is not working properly

[Kashargul]

When placing a chart, the transform is offset from where it should be. Resizing of the window also keeps it the same, leading to the entire chart being outside the boarders.

<Stack>
  <Stack.Item mx={0.5} grow={1}>
    <Section fill position="relative" height="100%">
      <Chart.Line
        data={supplyData}
        rangeX={[0, supplyData.length - 1]}
        rangeY={[0, maxValue]}
        strokeColor="rgba(0, 181, 173, 1)"
        fillColor="rgba(0, 181, 173, 0.25)"
      />
      <Chart.Line
        data={demandData}
        rangeX={[0, demandData.length - 1]}
        rangeY={[0, maxValue]}
        strokeColor="rgba(224, 57, 151, 1)"
        fillColor="rgba(224, 57, 151, 0.25)"
      />
    </Section>
  </Stack.Item>
</Stack>

  handleResize = () => {
    const element = this.ref.current;
    if (!element) {
      return;
    }

likely the current ref is null?

[AyIong]

Look's like absolute issue