Как добавить $ перед значением оси Y, используя ngx-charts

У меня есть вопрос, связанный с 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,
}, ];     

модифицированныеBarGraphValues[i].value = this.amountObtained(weekEarnings[j], payRate);


person Oscar Ricaud    schedule 08.03.2018    source источник


Ответы (1)


Для этого вам нужно использовать функцию yAxisTickFormatting. Внутри ваших htmls ngx-charts-bar-vertical добавьте

[yAxisTickFormatting]="myYAxisTickFormatting"

Затем внутри вашего компонента вы должны реализовать функцию следующим образом:

myYAxisTickFormatting(val) {
    return '$' + val;
}
person Syntactic Fructose    schedule 08.03.2018
comment
человек года! Большое спасибо! - person Oscar Ricaud; 08.03.2018
comment
Это испортило расположение графиков, ось Y теперь намного длиннее, чем раньше, но это было очень полезно! Как отметить ваше решение принятым? - person Oscar Ricaud; 08.03.2018
comment
Хорошо, нет, я случайно удалил метку оси X, поэтому все испортилось. Большое спасибо, этот ответ сработал как шарм - person Oscar Ricaud; 09.03.2018