Combo Chart
Combine multiple chart types in a single view. Mix lines, bars, and areas to show different data dimensions together.
Usage
import { ComboChart } from "@chartts/react"
<ComboChart
data={salesData}
x="month"
series={[
{ key: "revenue", type: "bar" },
{ key: "growth", type: "line", axis: "right" },
]}
dualAxis
/>Props
| Prop | Type | Description |
|---|---|---|
| data | T[] | Array of data objects |
| x | keyof T | Key for x-axis |
| series | SeriesConfig[] | Array of series configurations with type |
| dualAxis | boolean | Enable secondary y-axis. Default: false |
Features
- Mix bar, line, and area
- Dual y-axis support
- Per-series configuration
- Shared tooltip
- Independent scaling
- Animated entry per type
Other Charts
Line ChartBar ChartArea ChartPie / Donut ChartScatter ChartBubble ChartRadar ChartCandlestick ChartWaterfall ChartFunnel ChartGauge ChartSparklineStacked Bar ChartHorizontal Bar ChartDonut ChartHeatmapBox PlotHistogramTreemapPolar ChartRadial Bar ChartLollipop ChartBullet ChartDumbbell ChartCalendar ChartSankey Diagram