canvas - Chart.js 填充 Canvas

Question

我正在使用最新的chart.js库生成没有刻度的折线图，但是存在填充问题并且顶部和底部点被切断。我看不到任何填充 Canvas 的选项。

我的配置如下。

var config = {
    type: 'line',
    data: {
        labels: ["January", "February", "March", "April", "May", "June", "July"],
        datasets: [{
            label: "Sales",
            data: [10, 20, 50, 25, 60, 12, 48],
            fill: true,
            lineTension: 0.25,
            borderColor: "#558aeb",
            backgroundColor: "#558aeb"
        }]
    },
    options: {
        responsive: true,
        legend: {
            display: false
        },
        tooltips: {
            mode: 'label'
        },
        hover: {
            mode: 'dataset'
        },
        scales: {
            xAxes: [{
                display: false
            }],
            yAxes: [{
                display: false
            }]
        }
    }
};

Answer 1

如果我理解问题正确，Chart JS 的当前版本 (>2.4) 支持图表布局周围的填充配置选项。

layout: {
    padding: {
        // Any unspecified dimensions are assumed to be 0                     
        top: 25
    }
}

Check here