Combo Chart

A hybrid chart that combines multiple chart types (like bar and line) to compare different data series with different scales.

Storybook

Recharts Docs

Source

Automatic Installation

This method is still working on progress, please use manual installation for now.

npm install radix-ui

components/combo-chart/combo-chart.tsx

import { type ComboChartStyles, comboChartStyles } from './combo-chart.css'
 
const ComboChart = () => {
  return null
}
 
export { ComboChart }

import {} from '#/components/combo-chart'

Browse the Storybook for more examples.

// WIP