angular - 如何使用 ngx-charts 在 y 轴的值前面添加 $

Question

我有一个与 Angular 和 TypeScript 相关的问题，使用 https://swimlane.gitbooks.io/ngx-charts/content/charts/bar-vertical.html我试图让 y 轴 = $100、$200、$300，但如果我设置 $ + 一个数字，它会返回错误 Error: <path> attribute d: Expected number, "MNaN,NaNhNaNhNaNv…".

看起来对象的值必须是一个数字!但我想要一个 $ + 数字。我该怎么做？

这就是我目前拥有的。

let modifiedBarGraphValues = [
{
    'name': 'sun',
    'value': 100,
  },
{
    'name': 'sun',
    'value': 200,
}, ];     

modifiedBarGraphValues[i].value = this.amountObtained(weekEarnings[j], payRate);

Answer 1

为此，您需要使用 yAxisTickFormatting 函数。在你的 htmls ngx-charts-bar-vertical 中，添加

[yAxisTickFormatting]="myYAxisTickFormatting"

然后在您的组件中，您将像这样实现该功能:

myYAxisTickFormatting(val) {
    return '$' + val;
}