data
必須説明
Chart data.
タイプ
Dict<any>[]BarChart
BarChartは、複数のデータを比較するための棒グラフを描画するコンポーネントです。
Props
BarChartProps
dataKey
必須説明
The key of a group of data which should be unique in an chart.
タイプ
stringseries
必須説明
An array of objects with name and color keys. Determines which data should be consumed from the data array.
タイプ
BarProps[]barProps
説明
Props for the bars.
タイプ
Partial<BarProps>cell
説明
A function that returns a component that renders the bar cells.
タイプ
string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | FC<...>chartProps
説明
Props passed down to recharts BarChart component.
タイプ
BarChartPropscolorScheme
説明
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.
タイプ
ResponsiveContainerPropsgridAxis
説明
Specifies which lines should be displayed in the grid.
タイプ
ChartAxisTypeデフォルト
'x'gridProps
説明
Props passed down to recharts 'CartesianGrid' component.
タイプ
GridPropslabelFormatter
説明
A function to format labels on inside the tooltip.
タイプ
(label: string) => stringlayoutType
説明
Chart orientation.
タイプ
ChartLayoutTypeデフォルト
'horizontal'legendProps
説明
Props passed down to recharts 'Legend' component.
タイプ
LegendPropsreferenceLineProps
説明
Reference lines that should be displayed on the chart.
タイプ
ReferenceLineProps[]size
説明
The size of the BarChart.
タイプ
"sm" | "md" | "lg" | "full"デフォルト
"full"syncId
説明
If any two categorical charts have the same syncId, these two charts can sync the position tooltip, and the startIndex, endIndex of Brush.
タイプ
string | numbertickLine
説明
The option is the configuration of tick lines.
タイプ
ChartAxisTypeデフォルト
'y'tooltipAnimationDuration
説明
Specifies the duration of animation, the unit of this option is ms.
タイプ
numberデフォルト
0tooltipProps
説明
Props passed down to recharts 'Tooltip' component.
タイプ
TooltipPropstype
説明
Controls how chart bars are positioned relative to each other. Controls how chart areas are positioned relative to each other
タイプ
"default" | "percent" | "stacked"デフォルト
`default`unit
説明
Unit displayed next to each tick in y-axis.
タイプ
stringvalueFormatter
説明
A function to format values on inside the tooltip.
タイプ
(value: any) => stringvariant
説明
The variant of the BarChart.
タイプ
stringwithLegend
説明
If true, legend is visible.
タイプ
booleanデフォルト
falsewithTooltip
説明
If true, tooltip is visible.
タイプ
booleanデフォルト
truewithXAxis
説明
If true, X axis is visible.
タイプ
booleanデフォルト
truewithYAxis
説明
If true, Y axis is visible.
タイプ
booleanデフォルト
truexAxisLabel
説明
A label to display below the X axis.
タイプ
stringxAxisLabelProps
説明
Props passed down to recharts 'XAxisLabel' component.
タイプ
LabelPropsxAxisProps
説明
Props passed down to recharts 'XAxis' component.
タイプ
XAxisPropsxAxisTickFormatter
説明
A function to format X axis tick.
タイプ
(value: any) => stringyAxisLabel
説明
A label to display below the Y axis.
タイプ
stringyAxisLabelProps
説明
Props passed down to recharts 'YAxisLabel' component.
タイプ
LabelPropsyAxisProps
説明
Props passed down to recharts 'YAxis' component.
タイプ
YAxisPropsyAxisTickFormatter
説明
A function to format Y axis tick.
タイプ
(value: any) => stringBarProps
activeBar
タイプ
Merge<SVGProps<SVGPathElement>, CSSUIProps>background
タイプ
Merge<SVGProps<SVGPathElement>, CSSUIProps>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">dimBar
タイプ
Partial<BarProps>GitHubでこのページを編集する