Build interactive financial charts featuring advanced annotations with minimal configuration.
Minimal Configuration
Financial Charts come pre-configured with built-in features - just add your data!
@Component({
selector: 'app-root',
standalone: true,
imports: [AgFinancialCharts],
template: `<ag-financial-charts [options]="options"></ag-financial-charts>`,
})
export class AppComponent {
public options: AgFinancialChartOptions;
constructor() {
this.options = {
data: getData(),
};
}
}
This snippet assumes the supplied data includes 'date', 'open', 'high', 'low', 'close' and 'volume' (optional) keys.
For more details see Financial Charts Configuration.
Drawings and Annotations
Add and manage Trend Lines and Text Annotations from the intuitive toolbar for enhanced data analysis.
Interactive Charts
Interactive analysis is enhanced with advanced Zoom capabilities and Range Buttons for seamless time period navigation.
Financial Chart types
The default chart type is Candlestick, with additional types like OHLC and Line available from the Toolbar for versatile data visualisation.