Skip to content

SiNChartGaugeComponent documentation

selector
si-nchart-gauge

Input Properties

NameTypeDefaultDescription
axisNumberOfDecimals
number0Number of decimals on the axis.
endAngle
number90End 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.
max
number100Max value, can be negative
maxNumberOfDecimals
number2Max number of decimals.
min
number-100Min value, can be negative
minNumberOfDecimals
number0Min number of decimals.
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[][]Series
showLegend
booleantrueWhether to show the legend
showRangeLabelsOutside
booleanfalseWhether to show range start/end labels on the outside of the ring
showTicks
booleantrueWhether to show ticks
startAngle
number-90Start angle in degrees
unit
string''Unit

Types Documentation

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
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.