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文件中。

我希望这有帮助。