Angular 如何更改素描条形图中的y轴标签?

Angular 如何更改素描条形图中的y轴标签?,angular,primeng,Angular,Primeng,我想显示一个条形图,在y轴上显示天数(2,4,6,8,10..),在x轴上显示org1、org2、org3。默认情况下,y轴上的天数显示为10,20,30。你能告诉我怎么改吗 **组件技术** this.chartdata = { labels: ['Org1', 'Org2', 'Org3', 'Org4', 'Org5', 'Org6', 'Org7'], datasets: [ {

我想显示一个条形图,在y轴上显示天数(2,4,6,8,10..),在x轴上显示org1、org2、org3。默认情况下,y轴上的天数显示为10,20,30。你能告诉我怎么改吗

**组件技术**

 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]
                }

            ]
        }
this.chartdata={
标签:['Org1','Org2','Org3','Org4','Org5','Org6','Org7'],
数据集:[
{
标签:“<7天”,
背景颜色:“#9CCC65”,
边框颜色:“#7CB342”,
数据:[2,4,6,8,10,12,14,16,18,20,22]
},
{
标签:“<14天”,
背景颜色:“#f4eb3d”,
边框颜色:“#f4eb3d”,
数据:[1,3,5,7,9,11,13,15,17,19,21]
},
{
标签:“>21天”,
背景颜色:“#ef220b”,
边框颜色:“#ef220b”,
数据:[1,3,5,7,9,12,14,16,18,20,22]
}
]
}
**HTML页面**

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

**输出**


您需要将图表选项指定为

<p-chart type="bar" [data]="chartdata" [options]="chartOptions"></p-chart>
public chartOptions = {
  scales: {
    yAxes: [{
      ticks: {
        stepSize: 2,
        beginAtZero: true
      }
    }]
  }
}