Comment changer l'étiquette de l'axe y dans le graphique à barres primeng?

Question

Je souhaite afficher un graphique à barres avec le nombre de jours (2,4,6,8,10 ..) sur l'axe des ordonnées et org1, org2, org3 sur l'axe des x. Par défaut, le nombre de jours est affiché comme 10,20,30 sur l'axe des ordonnées. pouvez-vous s'il vous plaît laissez-moi savoir comment changer cela.

** component.ts **

this.chartdata = { 
      labels: ['Org1', 'Org2', 'Org3', 'Org4', 'Org5', 'Org6', 'Org7'], 
      datasets: [ 
       { 
        label: '< 7 days', 
        backgroundColor: '#9CCC65', 
        borderColor: '#7CB342', 
        data: [2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22] 
       }, 
       { 
        label: '< 14 days', 
        backgroundColor: '#f4eb3d', 
        borderColor: '#f4eb3d', 
        data: [1, 3, 5, 7, 9, 11, 13, 15, 17, 19, 21] 
       }, 
       { 
        label: '> 21 days', 
        backgroundColor: '#ef220b', 
        borderColor: '#ef220b', 
        data: [1, 3, 5, 7, 9,12, 14, 16, 18, 20, 22] 
       } 

      ] 
     } 

** Page HTML **

<p-chart type="bar" [data]="chartdata"></p-chart> 

** Sortie **

Answer 1

Vous devez spécifier tableau options comme

<p-chart type="bar" [data]="chartdata" [options]="chartOptions"></p-chart> 

et vous pouvez modifier l'axe des y tiques dans les options:

public chartOptions = { 
    scales: { 
    yAxes: [{ 
     ticks: { 
     stepSize: 2, 
     beginAtZero: true 
     } 
    }] 
    } 
}