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

Question

我有一个与 Angular 和 TypeScript 有关的问题，使用 https://swimlane.gitbooks.io/ngx-charts/content/charts/bar-vertical.html 我试图让 y 轴 = $100、$200、$300 但如果我设置 $ + 一个数字它 returns 一个错误 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;
}