Skip to content

Chart

SVG charts (bar, line, pie).

Import

tsx
import { ZChart } from "@zurto/ui";

Usage

tsx
<ZChart
  type="bar"
  data={[
    { label: "Jan", value: 100 },
    { label: "Feb", value: 150 },
  ]}
/>

Props

PropTypeDefaultDescription
type'bar' | 'line' | 'pie' | 'donut''bar'Chart type
dataDataPoint[][]Chart data
widthnumber400Chart width
heightnumber300Chart height
showLegendbooleantrueShow legend

Released under the MIT License.