chartjs高度不跟随父容器

Question

注意：我修复了问题#2，它是错误的数据。我仍然面临着第一个问题。我有下面的折线图配置。我的数据集示例数据是

｛x:'29/01/2017'，y:'0.00234'｝

options: {
responsive: true,
maintainAspectRatio: false,
scales: {
xAxes: [{
type: 'time',
time: {
format: 'DD/MM/YYYY'
}
}]
}
}

此外，我有html(我使用有角度的flex布局(和typescript:

<div fxFlex style="height: 100%">
<div id="graph">
<canvas id="canvasGraph">{{chart}}</canvas>
</div>
</div>
// Hoping I can change the size of canvas to be the same as the parent
const canvas = <HTMLCanvasElement>document.getElementById('canvasGraph');
canvas.width = document.getElementById('graph').offsetWidth;
canvas.height = document.getElementById('graph').offsetHeight;

我有2个问题(现在只剩下1个(：

1. 最外面的div高度是100%。但由于某种原因，id="graph"的高度变为150。画布也是150。我不知道这150是从哪里来的。

2. 然而，数据显示在图表上，它们都在最右侧杂乱，我在1973年至2016年的x轴值中也有。但我的数据只有2017年。我尝试过更改"bound"one_answers"tick.source"属性，但都没有发生。(我更新了标题，因为我已经修复了这个问题，它是由错误的数据引起的(

Answer 1

我终于解决了我的问题。现在图表有反应了。

#graph{
position: relative;
height: 100%;
width: 100% !important;
}
canvas {
width: 100% !important;
}