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
  5bdd256e_2fcf_3fae_0bdb_04477097e1c2["useChart()"]
  50a748da_ef22_fa55_6f8b_f20abb1db394["chart.tsx"]
  5bdd256e_2fcf_3fae_0bdb_04477097e1c2 -->|defined in| 50a748da_ef22_fa55_6f8b_f20abb1db394
  ce3b0f55_45b8_9f29_b82c_6488bf26b088["ChartTooltipContent()"]
  ce3b0f55_45b8_9f29_b82c_6488bf26b088 -->|calls| 5bdd256e_2fcf_3fae_0bdb_04477097e1c2
  f12dc48d_4ad6_18c0_e941_405553622af0["ChartLegendContent()"]
  f12dc48d_4ad6_18c0_e941_405553622af0 -->|calls| 5bdd256e_2fcf_3fae_0bdb_04477097e1c2
  style 5bdd256e_2fcf_3fae_0bdb_04477097e1c2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/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
}