Yamada UIにスターをあげる

スター
Yamada UIYamada UIv1.7.2

RadialChart

RadialChartは、複数のデータを比較するための放射状チャートを描画するコンポーネントです。

ソース@yamada-ui/charts

Props

RadialChartProps

data

必須

説明

Chart data.

タイプ

Dict<any>[]

chartProps

説明

Props passed down to recharts RadialBarChart component.

タイプ

RadialChartProps

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

dataKey

説明

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

タイプ

string

デフォルト

'value'

endAngle

説明

Controls angle at which chart ends.

タイプ

number

デフォルト

-180

fillOpacity

説明

Controls fill opacity of all pies.

タイプ

number | [number, number]

デフォルト

1

innerRadius

説明

Controls innerRadius of the chart segments. If it is a number, it is the width of the radius. For example, 60 means the radius is 60px and the diameter is 120px.

タイプ

string | number

デフォルト

'10%'

labelFormatter

説明

A function to format labels on inside the tooltip.

タイプ

(label: string) => string

labelListProps

説明

Props passed down to recharts LabelList components.

タイプ

LabelListProps[]

legendProps

説明

Props passed down to recharts 'Legend' component.

タイプ

LegendProps

outerRadius

説明

Controls thickness of the chart segments. If it is a number, it is calculated as px. If it is a number, it is the width of the radius. For example, 60 means the radius is 60px and the diameter is 120px.

タイプ

string | number

デフォルト

'80%'

polarGridProps

説明

Props passed down to recharts PolarGrid component.

タイプ

PolarGridProps

radialBarProps

説明

Props for the radialBar.

タイプ

Partial<RadialBarProps>

size

説明

The size of the RadialChart.

タイプ

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

デフォルト

"full"

startAngle

説明

Controls angle at which chart starts.

タイプ

number

デフォルト

90

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

tooltipAnimationDuration

説明

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

タイプ

number

デフォルト

0

tooltipDataSource

説明

Determines which data is displayed in the tooltip.

タイプ

TooltipDataSourceType

デフォルト

'all'

tooltipProps

説明

Props passed down to recharts 'Tooltip' component.

タイプ

TooltipProps

unit

説明

Unit displayed next to each value in tooltip.

タイプ

string

valueFormatter

説明

A function to format values on inside the tooltip.

タイプ

(value: any) => string

variant

説明

The variant of the RadialChart.

タイプ

string

withLegend

説明

If true, legend is visible.

タイプ

boolean

デフォルト

false

withPolarGrid

説明

Determines whether polarGrid should be displayed.

タイプ

boolean

デフォルト

false

withTooltip

説明

If true, tooltip is visible.

タイプ

boolean

デフォルト

true

ChartLabelProps

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

RadarChartCarousel