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
  e7e8f607_d74b_5114_a997_952a021f8a9b["useChart()"]
  3cb17edd_61fe_ddea_c637_f0228f3d8c28["chart.tsx"]
  e7e8f607_d74b_5114_a997_952a021f8a9b -->|defined in| 3cb17edd_61fe_ddea_c637_f0228f3d8c28
  d992ab12_b51e_2197_9cfd_7aa63148e007["ChartTooltipContent()"]
  d992ab12_b51e_2197_9cfd_7aa63148e007 -->|calls| e7e8f607_d74b_5114_a997_952a021f8a9b
  ef08f55b_60e4_ae82_1121_40ab4e4aaa68["ChartLegendContent()"]
  ef08f55b_60e4_ae82_1121_40ab4e4aaa68 -->|calls| e7e8f607_d74b_5114_a997_952a021f8a9b
  style e7e8f607_d74b_5114_a997_952a021f8a9b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/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
}