Skip to content

Latest commit

 

History

History
51 lines (27 loc) · 1.54 KB

FAQ.md

File metadata and controls

51 lines (27 loc) · 1.54 KB

FAQ

Is WebGPU required?

Yes. chartgpu-react is a wrapper around chartgpu, which requires WebGPU (navigator.gpu).

If WebGPU is not available, chart creation will fail. See Troubleshooting.

Why is my chart blank?

Most commonly:

  • The container has no height (e.g. height: 0 or only width: 100%).
  • WebGPU is not supported / blocked in the current browser/profile.

See Sizing.

How do I append/stream data efficiently?

Use the imperative ref API:

  • ChartGPUHandle.appendData(seriesIndex, newPoints)

See Streaming recipe.

How do I connect multiple charts (sync crosshair/tooltip)?

Use:

  • useConnectCharts([chartA, chartB, ...]) (recommended in React), or
  • connectCharts([chartA, chartB, ...]) (manual)

See Chart sync recipe.

Why isn’t onZoomChange firing?

onZoomChange only fires when the underlying chart reports a non-null zoom range (chart.getZoomRange()).

Common causes:

  • dataZoom is not enabled in your options.
  • You are not interacting with zoom controls (inside/slider) so the range never changes.

See dataZoom basics.

Can I use this with SSR (Next.js / Remix)?

Not directly during server rendering. WebGPU APIs (and navigator) are browser-only.

Render charts client-side only (e.g. dynamic import / useEffect gated render). See SSR pitfalls.