Reflex Logo

Intro

Gallery

Hosting

Learn

Components

Recipes

API Reference

Onboarding
Hosting

Library

/

Graphing

/

Cartesianaxisgrid

A cartesian axis adds in reference axes to the cartesian graphs.

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 CartesianGrid component in Recharts.

PropTypeDescriptionValues
horizontalbool

The horizontal line configuration.

verticalbool

The vertical line configuration.

vertical_pointsList

The x-coordinates in pixel values of all vertical lines.

horizontal_pointsList

The x-coordinates in pixel values of all vertical lines.

fillUnion

The background of grid.

fill_opacityfloat

The opacity of the background used to fill the space between grid lines

stroke_dasharraystr

The pattern of dashes and gaps used to paint the lines of the grid

xint

The x-coordinate of grid.

yint

The y-coordinate of grid.

widthint

The width of grid.

heightint

The height of grid.

Event Triggers

See the full list of default event triggers

A CartesianAxis component in Recharts.

PropTypeDescriptionValues
orientationLiteral

The orientation of axis 'top' | 'bottom' | 'left' | 'right'

axis_linebool

If set false, no axis line will be drawn. If set a object, the option is the configuration of axis line.

tick_linebool

If set false, no axis tick lines will be drawn. If set a object, the option is the configuration of tick lines.

tick_sizeint

The length of tick line.

intervalLiteral

If set 0, all the ticks will be shown. If set preserveStart", "preserveEnd" or "preserveStartEnd", the ticks which is to be shown or hidden will be calculated automatically.

ticksbool

If set false, no ticks will be drawn.

labelstr

If set a string or a number, default label will be drawn, and the option is content.

mirrorbool

If set true, flips ticks around the axis line, displaying the labels inside the chart instead of outside.

tick_marginint

The margin between tick line and tick.

xint

The x-coordinate of grid.

yint

The y-coordinate of grid.

widthint

The width of grid.

heightint

The height of grid.

← BrushComposedchart →

Did you find this useful?

HomeGalleryChangelogIntroductionHosting