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
  ce3c841d_d6af_e883_8f54_5c12eb3b04d1["useChart()"]
  5b4f7e92_a51f_42d2_1777_632c60498bcd["chart.tsx"]
  ce3c841d_d6af_e883_8f54_5c12eb3b04d1 -->|defined in| 5b4f7e92_a51f_42d2_1777_632c60498bcd
  04fdce39_3923_f9f7_9446_a370afeb6934["ChartTooltipContent()"]
  04fdce39_3923_f9f7_9446_a370afeb6934 -->|calls| ce3c841d_d6af_e883_8f54_5c12eb3b04d1
  bd7a68ab_d496_ca7e_bbd7_286c3a0e8552["ChartLegendContent()"]
  bd7a68ab_d496_ca7e_bbd7_286c3a0e8552 -->|calls| ce3c841d_d6af_e883_8f54_5c12eb3b04d1
  style ce3c841d_d6af_e883_8f54_5c12eb3b04d1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/new-york/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
}