useChart() — ui Function Reference

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

Function tsx DocumentationAtlas ContentSourcing called by 2

Entity Profile

DocumentationAtlas→ ContentSourcing→ useChart() — ui Function Reference

Dependency Diagram

graph TD
  445e2fb8_1ddb_b34b_bee3_820390170b64["useChart()"]
  83a6d23c_094d_32b5_639b_1c48ba14cc85["chart.tsx"]
  445e2fb8_1ddb_b34b_bee3_820390170b64 -->|defined in| 83a6d23c_094d_32b5_639b_1c48ba14cc85
  bc7fd0d6_2a20_8e79_8b7e_209369c01e40["ChartTooltipContent()"]
  bc7fd0d6_2a20_8e79_8b7e_209369c01e40 -->|calls| 445e2fb8_1ddb_b34b_bee3_820390170b64
  f96d129d_d161_af19_642b_0d85d759afc1["ChartLegendContent()"]
  f96d129d_d161_af19_642b_0d85d759afc1 -->|calls| 445e2fb8_1ddb_b34b_bee3_820390170b64
  style 445e2fb8_1ddb_b34b_bee3_820390170b64 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/ui/chart.tsx lines 26–34

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

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

  return context
}