如何使用 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;
}