0
votes

NGX-Graphiques-Bar-Bar-Horizontal La mise en forme de l'étiquetage des données

J'utilise ngx-graphers plus exactement bar-horizontal . Ce que j'essaie de faire est de formater l'étiquette de données et d'ajouter% à la fin. J'ai essayé d'utiliser [xaxistickformatting] mais cela ne fonctionne pas car, d'après ce que j'ai remarqué, mes valeurs ne sont pas sur NGX-Graphs-X-Axis mais sur < forte> NGX-Graphiques-série-horizontal .

NGX-Graphiques utilisés comme ci-dessous: xxx

aussi j'ai essayé de formater sur la matrice de données (i Sachez que c'était stupide, mais j'ai essayé :)) xxx

en ajoutant la valeur: S.Count + '%' .

Donc, que dois-je faire pour formater les étiquettes de données et ajouter '%' après des valeurs?

Voici mon graphique


0 commentaires

3 Réponses :


0
votes

J'ai trouvé une solution en utilisant QuerySelector et innerhtml comme celui-là: xxx


0 commentaires

4
votes

Essayez ceci. XXX PRE>

et P>

  formatDataLabel(value )
  {
    return value + '%';
  }


0 commentaires

0
votes

Vous avez besoin de ce param [yaxistickformatting] et de fonctionner comme celui-ci dans le fichier .TS:

graphique.component.ts p> xxx pré>

graphique.conent.html p >

<ngx-charts-bar-vertical
  [view]="view"
  [results]="chartData"
  [xAxis]="true"
  [yAxis]="true"
  [legend]="true"
  [showXAxisLabel]="true"
  [showYAxisLabel]="true"
  [yAxisTickFormatting]="percentTickFormatting"
>
</ngx-charts-bar-vertical>


0 commentaires