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功能。在您的 htmlsngx-charts-bar-vertical中，添加

[yAxisTickFormatting]="myYAxisTickFormatting"

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

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