How to use @carbon/charts - 5 common examples
To help you get started, weβve selected a few @carbon/charts examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
carbon-design-system / carbon-charts / packages / angular / src / bar-chart.component.ts View on Github 
ngAfterViewInit() {
this.chart = new BarChart(
this.chartRef.nativeElement,
{
data: this.data,
options: this.options
}
);
Object.assign(this, this.chart);
}
}componentDidMount() {
this.chart = new BC(
this.chartRef,
{
data: this.props.data,
options: this.props.options
}
);
}450000,
300000,
70000,
20000,
120000,
],
},
],
};
export const demoDonutOptions = {
accessibility: false,
legendClickable: true,
containerResizable: true,
colors,
center: new DonutCenter({
number: 25423,
label: 'Browsers',
}),
};450000,
300000,
70000,
20000,
120000,
],
},
],
};
export const demoDonutOptions = {
accessibility: false,
legendClickable: true,
containerResizable: true,
defaultColors,
center: new DonutCenter({
number: 25423,
label: 'Browsers',
}),
};
export const scatterData = {
labels: ['Qty', 'More', 'Sold', 'Restocking', 'Misc'],
datasets: [
{
label: 'Dataset 1',
backgroundColors: [defaultColors[0]],
data: [32100, 23500, 53100, 42300, 12300],
},
{
label: 'Dataset 2',
backgroundColors: [defaultColors[1]],mounted() {
this.coreChart = new GroupedBarChart(this.$el, {
data: this.data,
options: this.options,
});
},
};
