如何根据我使用 angular chart.js 单击饼图的哪个部分导航到不同的页面？

Question

我正在使用 chart.js 制作角度饼图。现在我必须单击每个饼图并根据它呈现我的页面。基本上，我想导航到不同的页面，因此我必须知道事件值，比如我点击了哪个馅饼。

>!HTML Code >! 
<div class="col-sm-3">
    <h3 class="doText text-center" >Health Data</h3>
    <div   id="pie">
      <canvas baseChart width="2" height="2" (click)="sampletest(Unlocked,Healthy,Unhealthy)"
        [data]="pieChartData"
        [labels]="pieChartLabels"
        [colors]="pieChartColors"
        [chartType]="pieChartType">
    </canvas>
    </div>
</div>

>!TS Code >! 
  public pieChartLabels: Label[] = ['Unlocked', 'Healthy', 'Unhealthy'];
  public pieChartData: MultiDataSet = [
    [178, 150, 100],
    
  ];
 options:object = {

 }
  public pieChartColors: any[] =
    [
      {
        backgroundColor: [
          'rgb(147,203,254)',
          'rgb(53,152,237)',
          'rgb(215,195,255)',
        ]
      }
    ]
  public pieLables: any[] = [10, 22, 21];
  public pieChartType: ChartType = 'pie';[enter image description here](https://i.stack.imgur.com/xKrUS.png)

我试着用选项写 onclick 但它不起作用，也许我没有以正确的方式集成它。 我想接近以及如何整合。