小图表预览无法保持宽高比（未使用所有高度）

Question

我正在使用chart.js进行一些图表预览，就像coinranking com中的预览一样。

我实现的方法不是保持图表的纵横比，默认使用<canvas>大小，图表可以正确显示，问题是当我给它指定所需的大小时，它变得太平了：

<div class="myChart">
    <canvas id="myChart" width="60px" height="20px" style="width: 60px; height: 20px;"></canvas>
</div>

删除内联width和height会很好。

var myChart = new Chart(ctx, {
    type: 'line',
    options: {
        responsive: false,
        maintainAspectRatio: true,
        animation: {
            duration: 0
        },
        hover: {
            animationDuration: 0
        },
        responsiveAnimationDuration: 0,
        legend: {
            display: false
        },
        tooltips: {
            enabled: false
        },
        scales: {
            xAxes: [{
                display: false
            }],
            yAxes: [{
                display: false
            }]
        },
        elements: {
            point: {
                radius: 0,
                hitRadius: 0,
                hoverRadius: 0
            }
        }
    },
    data: {
        labels: hours,
        datasets: [{
            tension: 0.0,
            fill: true,
            backgroundColor: green,
            borderColor: border,
            borderWidth: 1,
            data: data
        }]
    }
});

我准备了一个jsfiddle：https://jsfiddle.net/chazy/w1bzm3t7/2/