如何在angular-flot栏上添加onclick函数

npm install flot angular-flot --save

import * as $ from 'jquery';
import 'flot';
import 'flot/jquery.flot.categories';
import 'angular-flot';

<div id="barChart" style="width: 600px; height: 400px;"></div>

export class YourComponent implements OnInit {
  barChartData: any[] = [
    [0, 5],
    [1, 7],
    [2, 3],
    // 添加更多的数据点
  ];

  barChartOptions: any = {
    series: {
      bars: {
        show: true
      }
    },
    grid: {
      hoverable: true,
      clickable: true
    }
  };

  ngOnInit() {
    $('#barChart').on('plotclick', (event: any, pos: any, item: any) => {
      if (item) {
        // 处理点击事件，可以根据需要执行相应的操作
        console.log('点击了栏状图上的某个栏');
      }
    });
  }
}

<flot-chart [dataset]="barChartData" [options]="barChartOptions"></flot-chart>