@siemens/native-charts-ng¶

Element Native Charts¶

The Element native chart library for Angular without external dependencies.

Usage¶

To use the Element Native Charts Angular components in your project, add them to your dependencies by executing:

npm install --save @siemens/native-charts-ng

Element Native Charts uses standalone components with separate entry points. Import components directly from their specific entry points:

import { SiNChartGaugeComponent } from '@siemens/native-charts-ng/gauge';
import { SiMicrochartBarComponent } from '@siemens/native-charts-ng/microchart-bar';
import { SiMicrochartDonutComponent } from '@siemens/native-charts-ng/microchart-donut';
import { SiMicrochartLineComponent } from '@siemens/native-charts-ng/microchart-line';
import { SiMicrochartProgressComponent } from '@siemens/native-charts-ng/microchart-progress';

@Component({
  selector: 'app-dashboard',
  imports: [
    SiNChartGaugeComponent,
    SiMicrochartBarComponent
    // ... other components
  ],
  template: `
    <si-nchart-gauge [series]="gaugeSeries" [min]="0" [max]="100" />
    <si-microchart-bar [series]="barSeries" />
  `
})
export class DashboardComponent {}

Running unit tests¶

Run npm run native-charts:test to perform the unit tests via Vitest.

License¶

MIT, see LICENSE.md.

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