Docs

Blog

Gallery

Resources

Learn

Components

API Reference

Onboarding

Library

/

Graphing

/

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.

rx.recharts.composed_chart(
    rx.recharts.area(
        data_key="uv", stroke="#8884d8", fill="#8884d8"
    ),
    rx.recharts.bar(
        data_key="amt", bar_size=20, fill="#413ea0"
    ),
    rx.recharts.line(
        data_key="pv", type_="monotone", stroke="#ff7300"
    ),
    rx.recharts.x_axis(data_key="name"),
    rx.recharts.y_axis(),
    rx.recharts.cartesian_grid(stroke_dasharray="3 3"),
    rx.recharts.graphing_tooltip(),
    data=data,
)

A Tooltip component in Recharts.

PropTypeDescriptionValues
separatorstr

The separator between name and value.

offsetint

The offset size of tooltip. Number

filter_nullbool

When an item of the payload has value null or undefined, this item won't be displayed.

cursorbool

If set false, no cursor will be drawn when tooltip is active.

view_boxDict

The box of viewing area, which has the shape of {x: someVal, y: someVal, width: someVal, height: someVal}, usually calculated internally.

activebool

If set true, the tooltip is displayed. If set false, the tooltip is hidden, usually calculated internally.

positionDict

If this field is set, the tooltip position will be fixed and will not move anymore.

coordinateDict

The coordinate of tooltip which is usually calculated internally.

Event Triggers

No component specific event triggers

← ScatterchartTreemap →

Did you find this useful?

HomeGalleryChangelogIntroductionHosting