Yamada UIにスターをあげる

スター
Yamada UIYamada UIv1.7.2

RadarChart

RadarChartは、複数のデータを比較するためのレーダーチャートを描画するコンポーネントです。

ソース@yamada-ui/charts

Props

RadarChartProps

data

必須

説明

Chart data.

タイプ

Dict<any>[]

dataKey

必須

説明

The key of a group of data which should be unique in an chart.

タイプ

string

series

必須

説明

An array of objects with dataKey and color keys. Determines which data should be consumed from the data array.

タイプ

RadarProps[]

chartProps

説明

Props passed down to recharts RadarChart component.

タイプ

RadarChartProps

colorScheme

説明

The visual color appearance of the component.

タイプ

"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"

containerProps

説明

Props passed down to recharts ResponsiveContainer component.

タイプ

ResponsiveContainerProps

fillOpacity

説明

Controls fill opacity of all radars.

タイプ

number | [number, number]

デフォルト

1

legendProps

説明

Props passed down to recharts 'Legend' component.

タイプ

LegendProps

polarAngleAxisProps

説明

Props passed down to recharts PolarAngleAxis component.

タイプ

PolarAngleAxisProps

polarAngleAxisTickFormatter

説明

A function to format Y axis tick.

タイプ

(value: number) => string

polarAngleAxisTickProps

説明

Props passed down to recharts tick of PolarAngleAxis component.

タイプ

CSSUIProps

polarGridProps

説明

Props passed down to recharts PolarGrid component.

タイプ

PolarGridProps

polarRadiusAxisProps

説明

Props passed down to recharts PolarRadiusAxis component.

タイプ

PolarRadiusAxisProps

polarRadiusAxisTickFormatter

説明

A function to format X axis tick.

タイプ

(value: number) => string

polarRadiusAxisTickProps

説明

Props passed down to recharts tick of PolarRadiusAxis component.

タイプ

CSSUIProps

radarProps

説明

Props for the radar.

タイプ

Partial<RadarProps>

size

説明

The size of the RadarChart.

タイプ

"sm" | "md" | "lg" | "full"

デフォルト

"full"

strokeDasharray

説明

Dash array for the grid lines and cursor. The first number is the length of the solid line section and the second number is the length of the interval.

タイプ

string | number

strokeWidth

説明

Stroke width for the chart radars.

タイプ

number

デフォルト

2

tooltipAnimationDuration

説明

Specifies the duration of animation, the unit of this option is ms.

タイプ

number

デフォルト

0

tooltipProps

説明

Props passed down to recharts 'Tooltip' component.

タイプ

TooltipProps

unit

説明

Unit displayed next to each tick in y-axis.

タイプ

string

valueFormatter

説明

A function to format values on inside the tooltip.

タイプ

(value: any) => string

variant

説明

The variant of the RadarChart.

タイプ

string

withActiveDots

説明

Determines whether activeDots should be displayed.

タイプ

boolean

デフォルト

true

withDots

説明

Determines whether dots should be displayed.

タイプ

boolean

デフォルト

false

withLegend

説明

If true, legend is visible.

タイプ

boolean

デフォルト

false

withPolarAngleAxis

説明

Determines whether polarAngleAxis should be displayed.

タイプ

boolean

デフォルト

true

withPolarGrid

説明

Determines whether polarGrid should be displayed.

タイプ

boolean

デフォルト

true

withPolarRadiusAxis

説明

Determines whether polarRadiusAxis should be displayed.

タイプ

boolean

デフォルト

false

withTooltip

説明

If true, tooltip is visible.

タイプ

boolean

デフォルト

true

RadarProps

activeDot

タイプ

DotProps

color

タイプ

UIValue<"border" | ({} & string) | Color | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | ... 318 more ... | "yellow.950">

dimDot

タイプ

DotProps

dimRadar

タイプ

Partial<RadarProps>

dot

タイプ

DotProps

GitHubでこのページを編集する

DonutChartRadialChart