/

Composed Chart

A composed_chart is a higher-level component chart that is composed of multiple charts, where other charts are the children of the composed_chart. The charts are placed on top of each other in the order they are provided in the composed_chart function.

To learn more about individual charts, checkout: area_chart, line_chart, or bar_chart.

API Reference

rx.recharts.ComposedChart

A Composed chart component in Recharts.

Prop	Type \| Values	Default
`base_value`	`"dataMin" \| "dataMax" \| ...`	`"auto"`
`bar_category_gap`	`Union[str, int]`	`"10%"`
`bar_gap`	`int`	`4`
`bar_size`	`int`
`reverse_stack_order`	`bool`	`False`
`data`	`Sequence`
`margin`	`Dict[str, Any]`
`sync_id`	`str`
`sync_method`	`"index" \| "value"`	`"index"`
`layout`	`"vertical" \| "horizontal"`	`"horizontal"`
`stack_offset`	`"expand" \| "none" \| ...`
`width`	`Union[str, int]`	`Var.create("100%")`
`height`	`Union[str, int]`	`Var.create("100%")`

Valid Children

XAxisYAxisReferenceAreaReferenceDotReferenceLineBrushCartesianGridLegendGraphingTooltipAreaLineBar

Event Triggers

See the full list of default event triggers

Trigger	Description
`on_click`	The customized event handler of click on the component in this chart