ChartTitle() — ui Function Reference

Architecture documentation for the ChartTitle() function in chart-toolbar.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ ChartTitle() — ui Function Reference

Dependency Diagram

graph TD
  5ce35307_900a_9cb8_2c86_85c33de3c9a9["ChartTitle()"]
  c17093f8_a59d_06ac_d1dd_8835cefccfcd["chart-toolbar.tsx"]
  5ce35307_900a_9cb8_2c86_85c33de3c9a9 -->|defined in| c17093f8_a59d_06ac_d1dd_8835cefccfcd
  style 5ce35307_900a_9cb8_2c86_85c33de3c9a9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/components/chart-toolbar.tsx lines 47–112

function ChartTitle({ chart }: { chart: Chart }) {
  const { categories } = chart

  if (!categories?.length) {
    return null
  }

  if (categories.includes("charts-line")) {
    return (
      <>
        <LineChart /> Chart
      </>
    )
  }

  if (categories.includes("charts-bar")) {
    return (
      <>
        <BarChartBig /> Chart
      </>
    )
  }

  if (categories.includes("charts-pie")) {
    return (
      <>
        <PieChart /> Chart
      </>
    )
  }

  if (categories.includes("charts-area")) {
    return (
      <>
        <AreaChart /> Chart
      </>
    )
  }

  if (categories.includes("charts-radar")) {
    return (
      <>
        <Hexagon /> Chart
      </>
    )
  }

  if (categories.includes("charts-radial")) {
    return (
      <>
        <Radar /> Chart
      </>
    )
  }

  if (categories.includes("charts-tooltip")) {
    return (
      <>
        <MousePointer2 />
        Tooltip
      </>
    )
  }

  return categories[0]
}