complex

Chart

Beautiful charts built with SVG.

Preview

A preview of the Chart component with interactive controls.

Preview Code

ChartJanuary - June 2024

Chart visualization would render here with your data

Interactive

Add the Chart component to your project.

Bash

ng g @ng-cn/core:c chart

Import and use the Chart component in your Angular application.

Template TypeScript

template.html

<Chart [data]="chartData" type="bar" />

Explore different variations and use cases for the Chart component.

Preview Code

Interactive

Props

Prop	Type	Default	Description
`data`	`ChartData[]`	—	The chart data.
`type`	`'bar' \| 'line' \| 'pie' \| 'area'`	—	The type of chart.
`config`	`ChartConfig`	—	The chart configuration.