我会改变y轴的高度或图表的高度。
这是我的数据和选项:
,
然后我调用组件并定义高度
.
我尝试过多种可能性:
this.data = {
labels: ['SAF/TGA'],
datasets: [
{
label: 'SAF/TGA',
backgroundColor: '#9CBB65',
borderColor: '#72242',
data: [28],
}
],
}
this.options = {
legend: {
display: false
},
responsive: false,
maintainAspectRatio: false,
scales: {
yAxes: [{
display: true,
barThickness: 5,
gridLines: {
display: true,
offsetGridLines: false,
drawBorder: true
},
ticks: {
beginAtZero: true,
stepSize: 500
}
}],
xAxes: [{
gridLines: {
display: false,
offsetGridLines: false,
drawBorder: false
}
ticks: {
beginAtZero: true,
display: false,
suggestedMax: 100,
max: 100,
}
}]
},
}
没有人工作。我不知道如何降低图表的高度。
更新:当我使用检查器并修改<p-chart type="horizontalBar" [data]="data" [options]="options" width="10px" height="5px" >
</p-chart>
css时,身高会发生变化