Docs

Blog

Gallery

Resources

Learn

Components

API Reference

Onboarding

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
horizontalDict

The horizontal line configuration.

verticalDict

The vertical line configuration.

fillstr

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

No component specific 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.

Event Triggers

No component specific event triggers

← BrushComposedchart →

Did you find this useful?

HomeGalleryChangelogIntroductionHosting