Tooltip
Tooltips are the little boxes that pop up when you hover over something. Tooltips are always attached to something, like a dot on a scatter chart, or a bar on a bar chart.
Custom Styling
The rx.recharts.graphing_tooltip component allows for customization of the tooltip's style, position, and layout. separator sets the separator between the data key and value. view_box prop defines the dimensions of the chart's viewbox while allow_escape_view_box determines whether the tooltip can extend beyond the viewBox horizontally (x) or vertically (y). wrapper_style prop allows you to style the outer container or wrapper of the tooltip. content_style prop allows you to style the inner content area of the tooltip. is_animation_active prop determines if the tooltip animation is active or not.
ExpandCollapse
API Reference
rx.recharts.GraphingTooltip
A Tooltip component in Recharts.
Props
| Prop | Type | Description |
|---|---|---|
separator | str | The separator between name and value. |
offset | int | The offset size of tooltip. Number. |
filter_null | bool | When an item of the payload has value null or undefined, this item won't be displayed. |
cursor | Union[dict, bool] | If set false, no cursor will be drawn when tooltip is active. |
view_box | Dict[str, Any] | The box of viewing area, which has the shape of {x: someVal, y: someVal, width: someVal, height: someVal}, usually calculated internally. |
item_style | Dict[str, Any] | The style of default tooltip content item which is a li element. |
wrapper_style | Dict[str, Any] | The style of tooltip wrapper which is a dom element. |
content_style | Dict[str, Any] | The style of tooltip content which is a dom element. |
label_style | Dict[str, Any] | The style of default tooltip label which is a p element. |
allow_escape_view_box | Dict[str, bool] | This option allows the tooltip to extend beyond the viewBox of the chart itself. |
active | bool | If set true, the tooltip is displayed. If set false, the tooltip is hidden, usually calculated internally. |
position | Dict[str, Any] | If this field is set, the tooltip position will be fixed and will not move anymore. |
coordinate | Dict[str, Any] | The coordinate of tooltip which is usually calculated internally. |
is_animation_active | bool | If set false, animation of tooltip will be disabled. |
animation_duration | int | Specifies the duration of animation, the unit of this option is ms. |
animation_easing | "ease""ease-in""ease-out""ease-in-out""linear" | The type of easing function. |