Skip to content

SiMicrochartLineComponent documentation

selector
si-microchart-line

Input Properties

Name Type Default Description
height
 number 24 Chart height in pixels.
lineWidth
 number 2 Line width in pixels.
markerColor
 string Marker color token. If not provided, uses the series color token. Use a data-color. See: https://element.siemens.io/fundamentals/colors/data-visualization-colors/#tokens
Example: "si-sys-color-data-categorical-2"
series
Required		 MicrochartLineSeries Microchart line series. Example series can be:
Example: Series: MicrochartLineSeries = { values: [2, 3, 6, 5, 4, 7, 8], colorToken: 'si-sys-color-data-categorical-10' };
showArea
 boolean false Sets whether the area under the chart line should be filled.
showMarkers
 boolean false Display circular markers at each data point on the line. When enabled, markers help highlight individual values and improve readability.
width
 number 64 Chart width in pixels.

Types Documentation
Properties
Use a data-color. See: https://element.siemens.io/fundamentals/colors/data-visualization-colors/#tokens

Example:
"si-sys-color-data-categorical-10"
colorToken: string
Series values
values: number[]

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