ChartTitle() — ui Function Reference

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

Function tsx Internationalization Dictionary

Entity Profile

Internationalization→ Dictionary→ ChartTitle() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/components/chart-toolbar.tsx lines 48–107

function ChartTitle({ chart }: { chart: Chart }) {
  if (chart.name.includes("chart-line")) {
    return (
      <>
        <LineChartIcon /> Line Chart
      </>
    )
  }

  if (chart.name.includes("chart-bar")) {
    return (
      <>
        <BarChartBigIcon /> Bar Chart
      </>
    )
  }

  if (chart.name.includes("chart-pie")) {
    return (
      <>
        <PieChartIcon /> Pie Chart
      </>
    )
  }

  if (chart.name.includes("chart-area")) {
    return (
      <>
        <AreaChartIcon /> Area Chart
      </>
    )
  }

  if (chart.name.includes("chart-radar")) {
    return (
      <>
        <HexagonIcon /> Radar Chart
      </>
    )
  }

  if (chart.name.includes("chart-radial")) {
    return (
      <>
        <RadarIcon /> Radial Chart
      </>
    )
  }

  if (chart.name.includes("chart-tooltip")) {
    return (
      <>
        <MousePointer2Icon />
        Tooltip
      </>
    )
  }

  return chart.name
}