@anguless/angulux/chart

chart

1 declarations2 demos

import

import { ChartModule } from '@anguless/angulux/chart';

Basic

Chart wraps Chart.js: type, data and options are passed straight through.

<agl-chart type="bar" [data]="data" [options]="options" [style]="{ width: '32rem', maxWidth: '100%' }" />

The same component draws every Chart.js type.

<agl-chart type="doughnut" [data]="data" [options]="options" [style]="{ width: '18rem' }" />

Generated from the committed corpus, which check:corpus holds to the built library.

componentagl-chart

Chart groups a collection of contents in tabs.

Input	Type	Default	Description
type	'bar' \| 'line' \| 'scatter' \| 'bubble' \| 'pie' \| 'doughnut' \| 'polarArea' \| 'radar' \| undefined	not documented	Type of the chart.
plugins	any[]	not documented	Array of per-chart plugins to customize the chart behaviour.
width	string \| undefined	not documented	Width of the chart.
height	string \| undefined	not documented	Height of the chart.
responsive	boolean	not documented	Whether the chart is redrawn on screen size change.
ariaLabel	string \| undefined	not documented	Used to define a string that autocomplete attribute the current element.
ariaLabelledBy	string \| undefined	not documented	Establishes relationships between the component and label(s) where its value should be one or more element IDs.
data	any	not documented	Data to display.
options	any	not documented	Options to customize the chart.

Output	Type	Description
onDataSelect	EventEmitter<any>	Callback to execute when an element on chart is clicked.

inherited

Input	Type	Default	Description
dt	Object \| undefined	undefined	Defines scoped design tokens of the component.
unstyled	boolean \| undefined	undefined	Indicates whether the component should be rendered without styles.
pt	PT \| undefined	undefined	Used to pass attributes to DOM elements inside the component. TRUSTED INPUT ONLY. Whatever you put here is applied to the DOM as given: keys become attributes, and a key that names a DOM property is assigned to that property directly, with no sanitizer in between. That is what makes the API useful, and it means a value reaching it from a user, a database or a CMS can execute script. Treat it like markup you wrote yourself, not like data you received.
ptOptions	PassThroughOptions \| undefined	undefined	Used to configure passthrough(pt) options of the component.