javascript - Chart.js の行が収まらない

Question

最大のポイントで構成される線がチャートに収まりません...レスポンシブを使用して高さを編集しようとしました-すべて同じです。

var ctx = document.getElementById('chart').getContext('2d');

var colors = ['#3e95cd', '#8e5ea2', '#3cba9f', '#e8c3b9', '#c45850'];

var datasets = [];

for (var id in data) {
    datasets.push({ 
        data: Object.values(data[id].items),
        label: data[id].name,
        borderColor: colors.pop(),
        fill: false
    }) 
}

window.myLine = Chart.Line(ctx, {
    type: 'line',
    data: {
        labels: Object.keys(data[1].items),
        datasets: datasets,
    },
    options: {
        responsive: true,
        title: {
            display: true,
            text: _DATE.clone().subtract(_PERIOD, 'days').format('YYYY-MM-DD') + ' - ' + _DATE.format('YYYY-MM-DD')
        }
    }
});

Answer 1

キャンバスの高さを増やす必要があります

例えば：

<div style="height: 200px" id="chart"> </div>

またはあなたのcssファイルで。

これが役立つことを願っています。