SiNChartGaugeComponent documentation¶

selector

si-nchart-gauge

Input Properties¶

Name	Type	Default	Description
axisLabelFormatter ¶	(val: `number`) => `string`		Custom formatter for axis labels. Takes precedence when specified, i.e. number of decimals needs to be set by the user using this formatter.
axisNumberOfDecimals ¶	`number`	`0`	Number of decimals on the axis. Possible values are from 0 to 100.
endAngle ¶	`number`	`90`	End angle in degrees
legendPosition ¶	(`"row"` \| `"column"`)	`'row'`	Legend position: - `column` : chart and legend form a column, i.e. the legend is below the chart. The chart size is driven by the available width. - `row` : chart and legend form a row, i.e. the legend is besides the chart. The The chart size is driven by the available height.
markerValue ¶	`number`		Optional value displayed as a marker bar across the value arc.
max ¶	`number`	`100`	Max value, can be negative
maxNumberOfDecimals ¶	`number`	`2`	Max number of decimals. Possible values are from 0 to 100.
min ¶	`number`	`-100`	Min value, can be negative
minNumberOfDecimals ¶	`number`	`0`	Min number of decimals. Possible values are from 0 to 100.
mode ¶	(`"sum"` \| `"single"`)	`'sum'`	Display mode: `sum` to sum up multiple series or `single` for a single value with optional segmented display.
segments ¶	`GaugeSegment`[]	`[]`	Colored segments.
series ¶	`GaugeSeries`[]	`[]`	The series for the chart.
showLegend ¶	`boolean`	`true`	Whether to show the legend
showRangeLabelsOutside ¶	`boolean`	`false`	Whether to show range start/end labels on the outside of the ring
showTicks ¶	`boolean`	`true`	Whether to show ticks
startAngle ¶	`number`	`-90`	Start angle in degrees
unit ¶	`string`	`''`	Unit
valueFormatter ¶	(val: `number`) => `string`		Custom formatter for value. Takes precedence when specified, i.e. number of decimals needs to be set by the user using this formatter.

Types Documentation¶

GaugeSegment

¶

Interface

One segment of the gauge chart. The first segment starts at the min value of the gauge chart and ends at endValue .

Properties
color token for this segment. colorToken: `string`¶
end value for this segment, exclusive except for last segment where it's inclusive endValue: `number`¶

GaugeSeries

¶

Interface

One series of the gauge chart.

Properties
color token colorToken: `string`¶
Optional description line in legend description?: `string`¶
ID exposed as `data-id` id?: `string`¶
name displayed in legend name: `string`¶
value value: `number`¶

Except where otherwise noted, content on this site is licensed under MIT License.