DocsChartsIsometric
IsoColumnChart
React example follows below.
ts
import { IsoColumnChart } from "@grassroot/charts-react"; <IsoColumnChart />This adapter is not ported yet.
No translated snippet for this adapter yet.
This adapter is not ported yet.
No translated snippet for this adapter yet.
This adapter is not ported yet.
No translated snippet for this adapter yet.
This adapter is not ported yet.
No translated snippet for this adapter yet.
Installation
bash
pnpm dlx grassroot add chart/iso-column-chartbash
npx grassroot@latest add chart/iso-column-chartbash
yarn dlx grassroot add chart/iso-column-chartbash
bunx grassroot add chart/iso-column-chartAPI Reference
| Prop | Type | Default |
|---|---|---|
datarequired | readonly IsoColumnDatum[] | — |
gpuBackend | import("@grassroot/core").ChartGpuBackend | undefined | — |
width | number | undefined | — |
height | number | undefined | — |
renderPlanMode | "svg" | "host" | undefined | — |
rendererStrategy | Partial<import("@grassroot/core").ChartRendererStrategy> | undefined | — |
showGrid | boolean | undefined | — |
legend | boolean | import("@grassroot/interaction/core").LegendConfig | undefined | — |
tooltip | boolean | import("./base").ExpandedChartTooltipConfig<unknown> | undefined | — |
animation | boolean | import("./base").ExpandedChartAnimationConfig | undefined | — |
interactiveGates every pointer/keyboard interaction the shell owns (hit-test on pointer move, focus-to-first, arrow navigation, Escape) and, with `keyboardNavigation`, whether the plot surface is focusable at all. | boolean | undefined | — |
hiddenSeries | readonly string[] | undefined | — |
defaultHiddenSeries | readonly string[] | undefined | — |
onHiddenSeriesChange | ((ids: readonly string[]) => void) | undefined | — |
activeDatum | string | null | undefined | — |
defaultActiveDatumUncontrolled initial value for the `activeDatum`/`onActiveDatumChange` pair. | string | null | undefined | — |
onActiveDatumChange | ((id: string | null) => void) | undefined | — |
renderer | import("@grassroot/core").ChartRenderer | undefined | — |
className | string | undefined | — |
theme | import("@grassroot/theme").PartialChartTheme | undefined | — |
title | string | undefined | — |
description | string | undefined | — |
ariaLabel | string | undefined | — |
keyboardNavigation | boolean | undefined | — |