useChart() — ui Function Reference

Architecture documentation for the useChart() function in chart.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry called by 2

Entity Profile

ComponentRegistry→ ChartRegistry→ useChart() — ui Function Reference

Dependency Diagram

graph TD
  832e772e_5f34_5349_a5a3_7671de16664d["useChart()"]
  b01a5853_7a04_0011_7a8b_ab9fc567a8f0["chart.tsx"]
  832e772e_5f34_5349_a5a3_7671de16664d -->|defined in| b01a5853_7a04_0011_7a8b_ab9fc567a8f0
  2968b072_5f76_e340_3121_c2f81f65ce7d["ChartTooltipContent()"]
  2968b072_5f76_e340_3121_c2f81f65ce7d -->|calls| 832e772e_5f34_5349_a5a3_7671de16664d
  788ab7ae_6bd8_0ce0_7ad1_c6339f51358e["ChartLegendContent()"]
  788ab7ae_6bd8_0ce0_7ad1_c6339f51358e -->|calls| 832e772e_5f34_5349_a5a3_7671de16664d
  style 832e772e_5f34_5349_a5a3_7671de16664d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/default/ui/chart.tsx lines 27–35

function useChart() {
  const context = React.useContext(ChartContext)

  if (!context) {
    throw new Error("useChart must be used within a <ChartContainer />")
  }

  return context
}