Reflex Cloud - Fast, secure & scalable hosting. One command to deploy.

Reference

The Reference components in Recharts, including ReferenceLine, ReferenceArea, and ReferenceDot, are used to add visual aids and annotations to the chart, helping to highlight specific data points, ranges, or thresholds for better data interpretation and analysis.

Reference Area

The rx.recharts.reference_area component in Recharts is used to highlight a specific area or range on the chart by drawing a rectangular region. It is defined by specifying the coordinates (x1, x2, y1, y2) and can be used to emphasize important data ranges or intervals on the chart.

Reference Line

The rx.recharts.reference_line component in rx.recharts is used to draw a horizontal or vertical line on the chart at a specified position. It helps to highlight important values, thresholds, or ranges on the axis, providing visual reference points for better data interpretation.

Reference Dot

The rx.recharts.reference_dot component in Recharts is used to mark a specific data point on the chart with a customizable dot. It allows you to highlight important values, outliers, or thresholds by providing a visual reference marker at the specified coordinates (x, y) on the chart.

API Reference

rx.recharts.ReferenceLine

A ReferenceLine component in Recharts.

PropType | ValuesDefault
x
Union[str, int]
y
Union[str, int]
stroke
Union[str, Color]
stroke_width
Union[str, int]
1
segment
List
[]
x_axis_id
Union[str, int]
0
y_axis_id
Union[str, int]
0
if_overflow
"discard" | "hidden" | ...
"discard"
label
Union[str, int]
is_front
bool
False

Valid Children

Label

rx.recharts.ReferenceDot

A ReferenceDot component in Recharts.

PropType | ValuesDefault
x
Union[str, int]
y
Union[str, int]
r
int
fill
Union[str, Color]
stroke
Union[str, Color]
x_axis_id
Union[str, int]
0
y_axis_id
Union[str, int]
0
if_overflow
"discard" | "hidden" | ...
"discard"
label
Union[str, int]
is_front
bool
False

Valid Children

Label

rx.recharts.ReferenceArea

A ReferenceArea component in Recharts.

PropType | ValuesDefault
stroke
Union[str, Color]
fill
Union[str, Color]
fill_opacity
float
x_axis_id
Union[str, int]
y_axis_id
Union[str, int]
x1
Union[str, int]
x2
Union[str, int]
y1
Union[str, int]
y2
Union[str, int]
if_overflow
"discard" | "hidden" | ...
"discard"
is_front
bool
False

Valid Children

Label