Skip to content

SiMicrochartLineComponent documentation

selector
si-microchart-line

Input Properties

NameTypeDefaultDescription
height
number24
lineWidth
number2Line width in pixels.
markerColor
stringMarker 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: "element-data-2"
series
Required
MicrochartLineSeriesMicrochart line series. Example series can be:
Example: Series: MicrochartLineSeries = { values: [2, 3, 6, 5, 4, 7, 8], colorToken: 'element-data-10' };
showArea
booleanfalseSets whether the area under the chart line should be filled.
showMarkers
booleanfalseDisplay circular markers at each data point on the line. When enabled, markers help highlight individual values and improve readability.
width
number64

Types Documentation

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

Example:
"element-data-10"
colorToken: string
Series values
values: number[]

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