data
必須説明
Chart data.
タイプ
CellProps[]DonutChart
DonutChartは、複数のデータを比較するためのドーナツチャートを描画するコンポーネントです。
Props
DonutChartProps
cellProps
説明
Props for the cell.
タイプ
Partial<CellProps>chartProps
説明
Props passed down to recharts PieChart component.
タイプ
PieChartPropscolorScheme
説明
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.
タイプ
ResponsiveContainerPropsendAngle
説明
Controls angle at which chart ends.
タイプ
numberデフォルト
-270fillOpacity
説明
Controls fill opacity of all pies.
タイプ
number | [number, number]デフォルト
1innerRadius
説明
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デフォルト
'0%'isPercent
非推奨説明
Determines whether labels should be displayed as percentages.
非推奨
Use percent instead.
タイプ
booleanデフォルト
falselabelFormatter
説明
A function to format labels.
タイプ
(value: number) => stringlabelOffset
説明
Distance between chart and label.
タイプ
numberlabelProps
説明
Props passed down to recharts 'Label' component.
タイプ
LabelPropslegendProps
説明
Props passed down to recharts 'Legend' component.
タイプ
LegendPropsouterRadius
説明
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%'paddingAngle
説明
Controls padding between segments.
タイプ
numberデフォルト
0percent
説明
Determines whether labels should be displayed as percentages.
タイプ
booleanデフォルト
falsepieProps
説明
Props for the pie.
タイプ
Partial<PieProps>size
説明
The size of the DonutChart.
タイプ
"sm" | "md" | "lg"デフォルト
"md"startAngle
説明
Controls angle at which chart starts.
タイプ
numberデフォルト
90strokeWidth
説明
Stroke width for the chart pies.
タイプ
numberデフォルト
1tooltipAnimationDuration
説明
Specifies the duration of animation, the unit of this option is ms.
タイプ
numberデフォルト
0tooltipDataSource
説明
Determines which data is displayed in the tooltip.
タイプ
TooltipDataSourceTypeデフォルト
'all'tooltipProps
説明
Props passed down to recharts 'Tooltip' component.
タイプ
TooltipPropsunit
説明
Unit displayed next to each value in tooltip.
タイプ
stringvalueFormatter
説明
A function to format values on inside the tooltip.
タイプ
(value: any) => stringvariant
説明
The variant of the DonutChart.
タイプ
stringwithLabelLines
説明
Determines whether segments labels should have lines that connect the segment with the label.
タイプ
booleanデフォルト
falsewithLabels
説明
Determines whether each segment should have associated label.
タイプ
booleanデフォルト
falsewithLegend
説明
If true, legend is visible.
タイプ
booleanデフォルト
falsewithTooltip
説明
If true, tooltip is visible.
タイプ
booleanデフォルト
trueGitHubでこのページを編集する