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
  77910341_64d5_40e1_b225_48aa42b248e3["useChart()"]
  2491c23f_d44e_4528_8994_1ccc44078cfa["chart.tsx"]
  77910341_64d5_40e1_b225_48aa42b248e3 -->|defined in| 2491c23f_d44e_4528_8994_1ccc44078cfa
  f5f03e6d_ca14_f90f_0cec_a9f22ec8c2e1["ChartTooltipContent()"]
  f5f03e6d_ca14_f90f_0cec_a9f22ec8c2e1 -->|calls| 77910341_64d5_40e1_b225_48aa42b248e3
  1aab1bac_b0b3_4bf7_0e8a_2e8cf9c7b068["ChartLegendContent()"]
  1aab1bac_b0b3_4bf7_0e8a_2e8cf9c7b068 -->|calls| 77910341_64d5_40e1_b225_48aa42b248e3
  style 77910341_64d5_40e1_b225_48aa42b248e3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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