Angular 如何更改素描条形图中的y轴标签?
我想显示一个条形图,在y轴上显示天数(2,4,6,8,10..),在x轴上显示org1、org2、org3。默认情况下,y轴上的天数显示为10,20,30。你能告诉我怎么改吗 **组件技术**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: [ {
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
}
}]
}
}