← DataGrid API

Component · v2.7.0

NgbDataChartComponent

Standalone chart renderer.

Import

import { NgbDataChartComponent } from '@angular-bootstrap/ngbootstrap';

Selector:ngb-data-chart

Declaration

class NgbDataChartComponent implements AfterViewInit, OnChanges, OnDestroy

Inputs

config

config: NgbDataChartConfig | null

Default:null

ariaLabel

ariaLabel: string

Default:'Data chart'

emptyState

emptyState: string

Default:'No chart data available.'

Properties

chartHeight

get chartHeight(): number

Methods

hasData

hasData(): boolean

Referenced types

Source: src/datagrid/src/chart/data-chart.component.ts in the installed @angular-bootstrap/ngbootstrap package. Angular compiler metadata and private members are omitted.

This project is not affiliated with ng-bootstrap or ngx-bootstrap. Those projects focus mainly on Bootstrap components for Angular. ngbootstrap focuses on Angular UI for data-heavy apps, especially Data Grid, Angular-native Form Builder, drag and drop workflows, documentation examples, and performance-focused Angular patterns.