edbnedbn/ui
ComponentsMapsPDF
GitHub stars
Explorer
Get Started
Components

Chart

Composable chart components with Recharts integration and theme support.

Componentsdocsrecharts.org/api

Installation

npx shadcn@latest add https://ui.edbn.me/api/analytics/registry/chart.json

Manual

API Reference

ChartContainer

Themed wrapper for Recharts charts. Provides CSS variables for chart colors from a config object.

configChartConfigRequired

Chart configuration with color/label mappings

childrenReactNode

Recharts chart components

classNamestring

CSS class name

ChartTooltip

Custom Recharts tooltip with theming support. Use inside any Recharts chart.

contentReactElement

Custom tooltip content component

cursorboolean | object
=true

Show cursor line on hover

hideLabelboolean
=false

Hide the tooltip label

hideIndicatorboolean
=false

Hide the color indicator

indicator'line' | 'dot' | 'dashed'
='dot'

Indicator style

ChartTooltipContent

Default content renderer for ChartTooltip. Displays data label, value, and color indicator.

hideLabelboolean
=false

Hide the label

hideIndicatorboolean
=false

Hide the indicator

indicator'line' | 'dot' | 'dashed'
='dot'

Indicator visual style

nameKeystring

Override data key for name

labelKeystring

Override data key for label

ChartLegend

Custom Recharts legend with theming support.

contentReactElement

Custom legend content component

verticalAlign'top' | 'bottom'
='bottom'

Vertical alignment

ChartLegendContent

Default content renderer for ChartLegend.

hideIconboolean
=false

Hide the color icon

nameKeystring

Override data key for name