Learn

Components

API Reference

Onboarding

Getting Started

Tutorial

Hosting

Reflex Deploy

Self Hosting

Library

/

Graphing

/

Reference

rx.recharts.scatter_chart(
    rx.recharts.scatter(
        data=data, fill="#8884d8", name="A"
    ),
    rx.recharts.reference_area(
        x1=150,
        x2=180,
        y1=150,
        y2=300,
        fill="#8884d8",
        fill_opacity=0.3,
    ),
    rx.recharts.x_axis(
        data_key="x", name="x", type_="number"
    ),
    rx.recharts.y_axis(
        data_key="y", name="y", type_="number"
    ),
    rx.recharts.graphing_tooltip(),
)

data = [
    {
        "x": 45,
        "y": 100,
        "z": 150,
        "errorY": [30, 20],
        "errorX": 5,
    },
    {
        "x": 100,
        "y": 200,
        "z": 200,
        "errorY": [20, 30],
        "errorX": 3,
    },
    {
        "x": 120,
        "y": 100,
        "z": 260,
        "errorY": 20,
        "errorX": [10, 3],
    },
    {
        "x": 170,
        "y": 300,
        "z": 400,
        "errorY": [15, 18],
        "errorX": 4,
    },
    {
        "x": 140,
        "y": 250,
        "z": 280,
        "errorY": 23,
        "errorX": [6, 7],
    },
    {
        "x": 150,
        "y": 400,
        "z": 500,
        "errorY": [21, 10],
        "errorX": 4,
    },
    {
        "x": 110,
        "y": 280,
        "z": 200,
        "errorY": 21,
        "errorX": [1, 8],
    },
]

API Reference

ReferenceLine

A ReferenceLine component in Recharts.

Prop	Type	Description
`stroke_width`	int	The width of the stroke.
`x_axis_id`	Union	The id of x-axis which is corresponding to the data.
`y_axis_id`	Union	The id of y-axis which is corresponding to the data.
`x`	str	If set a string or a number, a vertical line perpendicular to the x-axis specified by xAxisId will be drawn. If the specified x-axis is a number axis, the type of x must be Number. If the specified x-axis is a category axis, the value of x must be one of the categorys, otherwise no line will be drawn.
`y`	str	If set a string or a number, a horizontal line perpendicular to the y-axis specified by yAxisId will be drawn. If the specified y-axis is a number axis, the type of y must be Number. If the specified y-axis is a category axis, the value of y must be one of the categorys, otherwise no line will be drawn.
`if_overflow`	Literal	Defines how to draw the reference line if it falls partly outside the canvas. If set to 'discard', the reference line will not be drawn at all. If set to 'hidden', the reference line will be clipped to the canvas. If set to 'visible', the reference line will be drawn completely. If set to 'extendDomain', the domain of the overflown axis will be extended such that the reference line fits into the canvas.
`is_front`	bool	If set true, the line will be rendered in front of bars in BarChart, etc.

Valid Children

Label

Event Triggers

See the full list of default event triggers

ReferenceDot

A ReferenceDot component in Recharts.

Prop	Type	Description
`x_axis_id`	Union	The id of x-axis which is corresponding to the data.
`y_axis_id`	Union	The id of y-axis which is corresponding to the data.
`x`	str	If set a string or a number, a vertical line perpendicular to the x-axis specified by xAxisId will be drawn. If the specified x-axis is a number axis, the type of x must be Number. If the specified x-axis is a category axis, the value of x must be one of the categorys, otherwise no line will be drawn.
`y`	str	If set a string or a number, a horizontal line perpendicular to the y-axis specified by yAxisId will be drawn. If the specified y-axis is a number axis, the type of y must be Number. If the specified y-axis is a category axis, the value of y must be one of the categorys, otherwise no line will be drawn.
`if_overflow`	Literal	Defines how to draw the reference line if it falls partly outside the canvas. If set to 'discard', the reference line will not be drawn at all. If set to 'hidden', the reference line will be clipped to the canvas. If set to 'visible', the reference line will be drawn completely. If set to 'extendDomain', the domain of the overflown axis will be extended such that the reference line fits into the canvas.
`is_front`	bool	If set true, the line will be rendered in front of bars in BarChart, etc.

Valid Children

Label

Event Triggers

See the full list of default event triggers

ReferenceArea

A ReferenceArea component in Recharts.

Prop	Type	Description
`stroke`	str	Stroke color
`fill`	str	Fill color
`fill_opacity`	float	The opacity of area.
`x_axis_id`	Union	The id of x-axis which is corresponding to the data.
`y_axis_id`	Union	The id of y-axis which is corresponding to the data.
`x1`	Union	A boundary value of the area. If the specified x-axis is a number axis, the type of x must be Number. If the specified x-axis is a category axis, the value of x must be one of the categorys. If one of x1 or x2 is invalidate, the area will cover along x-axis.
`x2`	Union	A boundary value of the area. If the specified x-axis is a number axis, the type of x must be Number. If the specified x-axis is a category axis, the value of x must be one of the categorys. If one of x1 or x2 is invalidate, the area will cover along x-axis.
`y1`	Union	A boundary value of the area. If the specified y-axis is a number axis, the type of y must be Number. If the specified y-axis is a category axis, the value of y must be one of the categorys. If one of y1 or y2 is invalidate, the area will cover along y-axis.
`y2`	Union	A boundary value of the area. If the specified y-axis is a number axis, the type of y must be Number. If the specified y-axis is a category axis, the value of y must be one of the categorys. If one of y1 or y2 is invalidate, the area will cover along y-axis.
`if_overflow`	Literal	Defines how to draw the reference line if it falls partly outside the canvas. If set to 'discard', the reference line will not be drawn at all. If set to 'hidden', the reference line will be clipped to the canvas. If set to 'visible', the reference line will be drawn completely. If set to 'extendDomain', the domain of the overflown axis will be extended such that the reference line fits into the canvas.
`is_front`	bool	If set true, the line will be rendered in front of bars in BarChart, etc.