向下钻取图表找到索引 returns -1

Question

您好，我正在尝试在我的 Angular 应用程序中使用向下钻取图表。我用 findIndex 尝试过，但它每次都 returns 我 -1 但我没有在我的控制台上收到任何错误消息。有人可以帮我解决这个问题吗？
我只想获取点击饼图部分的索引。

这是我的职能：

chartLabels: string[] = ["1","2","3","4","5","6","7","8"];
chartData: number[] = [30, 10, 5, 15, 40, 7, 3, 20];


drillDownClick(myData){
    const chartLabels: string[] = ["1","2","3","4","5","6","7","8"];
  
    const x = myData.findIndex(i => i.chartData >= 0);
    alert(x);
};

编辑以便更好地理解这是我的 onClick:

public drillChartOptions: ChartOptions = {
    onClick: () => this.drillDownClick(this.chartData),

Answer 1

“chartData”不是 i 的属性。 findIndex 回调中的“i”是“myData”的条目。所以“i.chartData”是错误的。

我不知道实际上下文，但尝试只用“i”替换“i.chartData”。

Answer 2

myData的类型是chartData的类型，即number[]。 findIndex 将迭代没有 .chartData 属性.

的数字

const x = myData.findIndex(i => i >= 0);

向下钻取图表找到索引 returns -1

Drill Down Chart find Index returns -1

typescript

chart.js

ng2-charts

angular