useChart() — ui Function Reference

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

Function tsx DocumentationAtlas Changelog called by 2

Entity Profile

DocumentationAtlas→ Changelog→ useChart() — ui Function Reference

Dependency Diagram

graph TD
  b9971c9d_6704_f41c_394f_f87738ca27b7["useChart()"]
  3944601b_9405_8ad6_7082_5bb7d87ab41c["chart.tsx"]
  b9971c9d_6704_f41c_394f_f87738ca27b7 -->|defined in| 3944601b_9405_8ad6_7082_5bb7d87ab41c
  5d369464_81d1_30d9_1978_d50d51b0f8c2["ChartTooltipContent()"]
  5d369464_81d1_30d9_1978_d50d51b0f8c2 -->|calls| b9971c9d_6704_f41c_394f_f87738ca27b7
  614dbf2f_242d_3e20_ffc4_67a98aad43da["ChartLegendContent()"]
  614dbf2f_242d_3e20_ffc4_67a98aad43da -->|calls| b9971c9d_6704_f41c_394f_f87738ca27b7
  style b9971c9d_6704_f41c_394f_f87738ca27b7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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