ngx-charts-bar-горизонтальное форматирование меток данных

Question

Я использую ngx-диаграммы точнее горизонтальный бар .Я пытаюсь отформатировать метку данных и добавить% в конце.Я пытался использовать [xAxisTickFormatting] , но это не работает, потому что, как я заметил, мои значения не на ngx-charts-x-axis , а на ngx-charts-series-horizontal .

ngx-диаграммы, используемые ниже:

<ngx-charts-bar-horizontal 
*ngIf='givesEnergyChartData && givesEnergyDataColorScheme'  
[scheme]="givesEnergyDataColorScheme"
[results]="givesEnergyChartData"
[gradient]="gradient"
[xAxis]="showXAxis"
[yAxis]="showYAxis"
[legend]="showLegend"
[view]="viewGiveEnergy"
[showXAxisLabel]="showXAxisLabel"
[showYAxisLabel]="showYAxisLabel"
[showDataLabel]="showDataLabel">
</ngx-charts-bar-horizontal>

Также я попытался отформатировать массив данных (я знаю, что это глупо, ноЯ попытался :))

this.givesEnergyChartData = this.statistic.givesEnergyData.map(
 s => {
   return { name: s.name, value: s.count } 
 });

, добавив для значения: s.count + '%' .

Итак, что я должен сделать для форматирования данныхпометить и добавить «%» после значений?

вот мой график

Answer 1

Я нашел решение, используя querySelector и innerHTML , например:

 document.querySelectorAll(text.textDataLabel).innerHTML += '%';