Skip to main content

Basics

Siemens Industrial Experience provides a theme for the popular chart library ECharts. This lets you harness the power of ECharts with seamless integration into the Siemens Industrial Experience styleguide.

ECharts is a third party library distributed under Apache License 2.0.

Installation

npm install --save @siemens/ix-echarts

First, import the registerTheme function from our module. Then, invoke this function, passing in your echarts instance as an argument. You don't need to provide the echarts instance if it is provided globally in your window object when using vanilla Javascript. Once this is done, you’ll be able to utilize the brand-dark, brand-light, classic-dark, and classic-light themes for your chart.

import { registerTheme } from '@siemens/ix-echarts';

registerTheme(echarts);

Angular

Please make sure to correctly add NgxEcharts in your module file.

Examples

PreviewAngularReactVueJavaScript

Empty state

PreviewAngularReactVueJavaScript