Piecomponent 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.
no response available
Chart data, which should be immutable.
ID accessor which should return a unique value for the whole dataset.
Optional formatter for values.
'Depends on device'
Adjust pixel ratio, useful for HiDPI screens.
Start angle (in degrees), useful to make gauges for example.
End angle (in degrees), useful to make gauges for example.
If 'true', pie will be optimized to occupy more space when using partial pie.
Donut chart if greater than 0. Value should be between 0~1 as it's a ratio from original radius.
Padding between each pie slice.
If 'true', arcs will be ordered according to their associated value.
Define style for common elements such as labels, axes…
Define chart's colors.
Define patterns and gradients.
Define rules to apply patterns and gradients
Slices border width.
Method to compute border color.
Enable/disable arc labels.
Defines how to get label text, can be a string (used to access current node data property) or a function which will receive the actual node data.
Define the radius to use to determine the label position, starting from inner radius, this is expressed as a ratio.
Skip label if corresponding arc's angle is lower than provided value.
Defines how to compute arc label text color.
Defines the order of layers and add custom layers.
Extends active slice inner radius.
Extends active slice outer radius.
onMouseEnter handler, it receives target node data and mouse event.
onMouseMove handler, it receives target node data and mouse event.
onMouseLeave handler, it receives target node data and mouse event.
onClick handler, it receives target node data and mouse event.
Custom tooltip component
Showcase custom tooltip.
Motion config for react-spring, either a preset or a custom configuration.
Define how transitions behave.
Optional chart's legends.