Linecomponent is available in the nivo
HTTP rendering API.
The API generates a SVG and return a path to this SVG
which can then be easily embedded.
The api accepts almost the same properties as the regular component,
in json, however it's not interactive and you cannot use code
in properties (functions).
Please note that the demo API server is installed on heroku
using a free plan, so it might be unavailable from times to times.
Click the generate button in order to generate the chart.
You can customize settings by using dedicated controls.
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.
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.
Enable/disable interactivity. Use a voronoi mesh to detect mouse interactions, enableSlices must be disabled Display mesh used to detect mouse interactions (voronoi cells). 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.
Optional chart's legends.
Enable/disable transitions. Motion config for react-spring, either a preset or a custom configuration.