Javascript 响应Chart.js画布条形图高度？

我无法正确设置Chart.js条形图的高度（请参见屏幕截图）。

这里似乎没有考虑到这一点。我希望有情节高度采取100%的框

有谁能给我一些建议，因为我四处浏览，并没有发现太多

数据集增长
变量编号，带逗号=函数（x）{
返回x.toString（）.replace（/\B（？=（\d{3}）+（？！\d））/g，“，”；
};
var dataHsap=[39528296498]；
var dataAtha=[0,01272]；
风险值日期=[“2015”、“2018”、“2020”]；
var bar_ctx=document.getElementById（'barChart'）；
var boby=document.getElementById（'boby'）；
风险值数据={
标签：日期，
数据集：[{
标签：“人类”，
数据：dataHsap，
背景色：“3c8dbc”，
hoverBackgroundColor:#77b2d4“，
悬停边界宽度：0
},
{
标签：'拟南芥'，
资料来源：dataAtha，
背景色：“00a65a”，
hoverBackgroundColor:#00cc70“，
悬停边界宽度：0
},
]
};
变量选项={
回答：是的，
MaintaintAspectRatio:false，
动画：{
持续时间：10，
},
工具提示：{
模式：“标签”，
回调：{
标签：函数（工具提示项、数据）{
返回data.datasets[tooltipItem.datasetIndex].label+“：”+numberWithCommas（tooltipItem.yLabel）；
}
}
},
比例：{
xAxes：[{
对,，
网格线：{
显示：假
},
}],
雅克斯：[{
对,，
滴答声：{
回调：函数（值）{
返回带逗号的编号（值）；
},
},
}],
},
图例：{
显示：真
}
};
var条形图=新图表（条形图{
类型：'bar'，
数据：数据，
选项：选项
});
重新映射数据集增长
变量编号，带逗号=函数（x）{
返回x.toString（）.replace（/\B（？=（\d{3}）+（？！\d））/g，“，”；
};
var dataHsap=[39528296498]；
var dataAtha=[0,01272]；
风险值日期=[“2015”、“2018”、“2020”]；
var bar_ctx=document.getElementById（'barChart'）；
var boby=document.getElementById（'boby'）；
风险值数据={
标签：日期，
数据集：[{
标签：“人类”，
数据：dataHsap，
背景色：“3c8dbc”，
hoverBackgroundColor:#77b2d4“，
悬停边界宽度：0
},
{
标签：'拟南芥'，
资料来源：dataAtha，
背景色：“00a65a”，
hoverBackgroundColor:#00cc70“，
悬停边界宽度：0
},
]
};
变量选项={
回答：是的，
MaintaintAspectRatio:false，
动画：{
持续时间：10，
},
工具提示：{
模式：“标签”，
回调：{
标签：函数（工具提示项、数据）{
返回data.datasets[tooltipItem.datasetIndex].label+“：”+numberWithCommas（tooltipItem.yLabel）；
}
}
},
比例：{
xAxes：[{
对,，
网格线：{
显示：假
},
}],
雅克斯：[{
对,，
滴答声：{
回调：函数（值）{
返回带逗号的编号（值）；
},
},
}],
},
图例：{
显示：真
}
};
var条形图=新图表（条形图{
类型：'bar'，
数据：数据，
选项：选项
});

你的图表不知道它应该有多大。应该向包含画布的div添加height属性

<div class="chart" style="height: 300px">
  <canvas id="barChart" width="100%" height="100%"></canvas>
</div>

响应：true，维护Aspectratio:true，有什么问题？你想实现什么，（如何）它应该缩放还是应该有一个特定的宽度/高度？我想让绘图缩放到方框，但它没有。删除两行“responsive:true，maintaintAspectratio:true”似乎可以改善缩放问题。不完美，由于保持了纵横比，绘图仍然是恐惧的

响应的
&
维护的Aspectratio
默认情况下是
真实的
，删除不会改变任何东西。我希望这是您想要的。我仍然不确定您想要什么，图表/画布/div应该如何在两个维度上进行缩放。
<div class="chart" style="height: 300px">
  <canvas id="barChart" width="100%" height="100%"></canvas>
</div>