Gauge
Extends:
react~Component → Gauge
Gauge is a component to present value in graphical form
Access
Stage.Basic.Graphs.Gauge
Usage
Gauge with default angles
<Gauge value={10} min={0} max={20} high={15} low={5} />
Gauge with defined angles and value below low marker
<Gauge minAngle={-90} maxAngle={0} value={3} min={0} max={20} high={15} low={5} />
Gauge with defined angles and value above high marker
<Gauge minAngle={-45} maxAngle={90} value={18} min={0} max={20} high={15} low={5} />
Static Member Summary
| Static Public Members | ||
| public static |
propTypes: * propTypes |
|
Static Public Members
public static propTypes: * source
propTypes
Properties:
| Name | Type | Attribute | Description |
| value | number | actual value to be marked on the gauge |
|
| min | number | minimal value to be presented |
|
| max | number | maximum value to be presented |
|
| high | number |
|
value above which the colour of the gauge bar changes to green |
| low | number |
|
value below which the colour of the gauge bar changes to red |
| minAngle | number |
|
minimum angle of the gauge chart, associated with minimum value |
| maxAngle | number |
|
maximum angle of the gauge chart, associated with maximum value |