填充

图表选项中的填充值可以以几种不同的格式提供。

数字

如果这个值是一个数字，它将应用于所有的边（左、上、右、下）。

例如，为图表的所有边定义 20px 的填充：

let chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        layout: {
            padding: 20
        }
    }
});

{top, left, bottom, right} 对象

如果此值是对象，则 left 属性定义左填充。 同样，也可以指定 right、top 和 bottom 属性。 省略的属性默认为 0。

假设你想在图表画布的左侧添加 50px 的填充，你可以这样做：

let chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        layout: {
            padding: {
                left: 50
            }
        }
    }
});

{x, y} 对象

这是将左/右和上/下定义为相同值的简写。

例如，径向线性轴 刻度背景填充 上的左/右 10px 和上/下填充 4px：

let chart = new Chart(ctx, {
    type: 'radar',
    data: data,
    options: {
        scales: {
          r: {
            ticks: {
              backdropPadding: {
                  x: 10,
                  y: 4
              }
            }
        }
    }
});