LineChart
A component to draw line charts.
Usage
Demonstration
Props
springConfig
springConfig
This prop will define the motion of the chart.
TYPE | DEFAULT VALUE |
---|---|
|
|
spring Presets
There are presets to use for springConfig with different combinations of mass, tension and friction. More information can be found here. See the following example to see how to use them.
Presets:
springs.lazy
,springs.smooth
,springs.swift
,springs.instant
Example:
total
total
TYPE | DEFAULT VALUE |
---|---|
|
|
The expected total (x axis of the chart). When not provided, the length of values
is used instead.
width
width
TYPE | DEFAULT VALUE |
---|---|
| None |
The width of the chart. When not set, the SVG takes the width of its parent.
height
height
TYPE | DEFAULT VALUE |
---|---|
| 200 |
Type:
Number
Default:
200
The height of the chart.
dotRadius
dotRadius
TYPE | DEFAULT VALUE |
---|---|
|
|
The radius of every dot in the chart.
animDelay
animDelay
TYPE | DEFAULT VALUE |
---|---|
|
|
The delay before displaying the chart the first time it gets rendered.
borderColor
borderColor
TYPE | DEFAULT VALUE |
---|---|
|
|
The border color.
labelColor
labelColor
TYPE | DEFAULT VALUE |
---|---|
|
|
The label color.
reset
reset
TYPE | DEFAULT VALUE |
---|---|
|
|
Can be used to restart the transition. Set to true
, then to false
again.
lines
lines
Pass the values that will be used to draw the lines. The color atribute in Subtypes overrides the color
prop.
TYPE | SUBTYPES | DEFAULT VALUE |
---|---|---|
|
|
|
label
label
TYPE |
---|
|
Example:
This function gets called to render a label on the x axis.
color
color
TYPE |
---|
|
Example:
This function gets called to render the color of a line.
Last updated