javascript - 如何在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

任何人都可以建议我

我解决了toptip问题，但小问题仍然需要修复，在工具提示中无需显示总限制的颜色

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

提前致谢

标签： javascriptangularchartsbar-chart

Answer 1

好像您没有在app.component.ts中传递 totalLimit 的值

所以，我试图分叉你的代码，这就是代码看起来像工作代码的样子

我觉得你可以像在 app-component 中操作数组值一样优化你的代码。