要在Angular中使用Highcharts显示条形图,并选择某个条形,你可以按照以下步骤进行操作:
npm install highcharts --save
import * as Highcharts from 'highcharts';
import HC_exporting from 'highcharts/modules/exporting';
HC_exporting(Highcharts);
export class YourComponent implements OnInit {
chartOptions: any;
ngOnInit() {
this.chartOptions = {
chart: {
type: 'bar',
events: {
click: this.onChartClick.bind(this)
}
},
title: {
text: 'Your Chart Title'
},
series: [{
name: 'Your Series Name',
data: [1, 2, 3, 4, 5]
}]
};
}
onChartClick(event) {
console.log(event.point.category); // 打印选定条形的类别
console.log(event.point.y); // 打印选定条形的值
}
}
这样,你就可以在Angular中使用Highcharts显示条形图,并选择某个条形获取其类别和值了。当你点击某个条形时,onChartClick()方法会被调用,并打印选定条形的类别和值。