如何在甘特圖中的 Y 軸標簽上添加點擊事件。它在 javascript 中運行良好，但在 angular 中不起作用。在角度給出以下錯誤“型別 '{ events: { click: () => void; }; }' 不可分配給型別 'YAxisLabelsOptions'。物件文字可能僅指定已知屬性，并且型別中不存在 'events' 'YAxisLabelsOptions'”。使用 9.3.x 版本的 highcharts 庫。 在此處輸入圖片說明
https://stackblitz.com/edit/highcharts-angular-gantt-jxcjsz?file=src/app/app.component.ts
uj5u.com熱心網友回復：
該highcharts-custom-events模塊不擴展 Highcharts 的型別，因此您需要創建自己的型別。例如：
interface ExtendedYAxisLabelsOptions extends Highcharts.YAxisLabelsOptions {
events: YAxisLabelsEvents
}
interface YAxisLabelsEvents {
click(): void;
}
export class AppComponent {
Highcharts: typeof Highcharts = Highcharts;
chartOptions: Highcharts.Options = {
...,
yAxis: {
labels: {
events: {
click: function() { console.log(this) }
}
} as ExtendedYAxisLabelsOptions,
...
}
};
}
實體： https : //stackblitz.com/edit/highcharts-angular-gantt-jyyhro?file=src/app/app.component.ts
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/360625.html