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
  6862488e_a650_d784_a293_18ec9134f013["useChart()"]
  4f126d71_ecf3_d37f_a804_0d9b0ac0f9a9["chart.tsx"]
  6862488e_a650_d784_a293_18ec9134f013 -->|defined in| 4f126d71_ecf3_d37f_a804_0d9b0ac0f9a9
  d279979c_0355_0f08_c1b1_30ae2d627846["ChartTooltipContent()"]
  d279979c_0355_0f08_c1b1_30ae2d627846 -->|calls| 6862488e_a650_d784_a293_18ec9134f013
  73ecd05f_cdfe_812b_d6f0_ba313a91d39c["ChartLegendContent()"]
  73ecd05f_cdfe_812b_d6f0_ba313a91d39c -->|calls| 6862488e_a650_d784_a293_18ec9134f013
  style 6862488e_a650_d784_a293_18ec9134f013 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/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
}