I have been using barchart and if I give some bar a value of 70. the y-axis properly shows the value in succession of 5, like 0,5,10 etc.

but if the value increases to something like 90 it shows 7e+1, 8e+1, 9e+1 etc

I want it to show numbers only.

I am trying to use react-charts-d3 in a SSR remix app (on cloudflare workers) and I get this error.

Normally I can do somthign like this to force a graphing library to only work in browser:

import { LineChart } from 'react-charts-d3'

export default function ChartLineMine ({ data }) {
  if (typeof window === 'undefined') {
    return null
  }
  return (
    <LineChart data={data} />
  )
}

I think there must be a top-level use of window or something, because it happens even if I don't return LineChart (just importing the library.)

I'm creating various reports, and each report contains a barchart in it's own tab.

There are two issues:

1. The legend data toggling does not work for the current chart when there are multiple tabs. For example, when I have tab1|tab2|tab3 each have their own separate barchart. I attempt to toggle key1 from the barchart in tab1, but that will toggle the key1 from tab2.
2. The other issue is when I do toggle the keys, when I switch tabs the charts data will mix match and soon the chart from tab3 will be in tab2 and vice versa.

When I have all these charts all on one view there are no issues, or even when i just have 1 tab. But when I have multiple tabs with each table on separate tabs the issues above occur.