A variation around the Line component. Well suited
for large data sets as it does not impact DOM tree depth, however
you'll lose the isomorphic ability and transitions.
The responsive alternative of this component is
Start interacting with the chart to log actions
Optional formatter for x values. Optional formatter for y values.
Chart width, not required when using responsive variant.
Chart height, not required when using responsive variant.
Defines the order of layers and add custom layers.
Overrides default point circle. The function will receive `size`, `color`, `borderWidth` and `borderColor` props and must return a valid SVG element.
theme propertyMethod to compute points color.
Width of the points border.
No modifier.Method to compute points border color.
Enable/disable points label. Property to use to determine point label. If a function is provided, it will receive current point data and should return the desired label. Label Y offset from point shape.
Use a voronoi mesh to detect mouse interactions, enableSlices must be disabled onMouseEnter handler, doesn't work with slice tooltip. onMouseMove handler, doesn't work with slice tooltip. onMouseLeave handler, doesn't work with slice tooltip. onClick handler, doesn't work with slice tooltip. Enable/disable slices tooltip for x or y axis, automatically disable mesh. Display area used to detect mouse interactions for slices. Enable/disable crosshair. Crosshair type, forced to slices axis if enabled.
bottom-rightDefines legend anchor relative to chart's viewport.
Legend block x translation. Legend block y translation. Spacing between each item.
Enable/disable transitions. Motion config for react-spring, either a preset or a custom configuration.