如何使用 Angular 中的 chart.js 將對象值的 JSON 數組傳遞到堆疊圖表？

Question

我正在使用chart.js實現堆積圖在這里我面臨着一些挑戰

1. 無法以貨幣格式傳遞貨幣值（意味着圖表高度不可見，我傳遞了金額）
2. 如何將 json 值傳遞給圖表（在提示中我需要顯示Total Limit(available+ulilized)、Available Limit、Utilized Limit

根據當前的實現，我正在通過可用限制，圖表的已利用限制，以及如何通過總限制

3，如何處理點擊事件，，（這里我需要完整的對象）

請找到這個鏈接

https://stackblitz.com/edit/angular-chart-js-tyggan?file=src%2Fapp%2Fchart.component.ts

如果我在這里傳遞金額圖表不可見

https://stackblitz.com/edit/angular-chart-js-phjtmz?file=src%2Fapp%2Fchart.component.ts

任何人都可以建議我

我解決了 tooptip 問題，但仍然需要解決一些小問題，在工具提示中無需為總限制顯示顏色

https://stackblitz.com/edit/angular-chart-js-kreazz?file=src%2Fapp%2Fchart.component.ts

提前致謝

Answer 1

好像你沒有在 app.component.ts 中傳遞totalLimit的值

所以，我試圖分叉你的代碼，這就是代碼看起來像工作代碼的樣子

我覺得您可以通過在 app-component 中操作數組值的方式來優化代碼。