邊距

Chart 選項中的邊距值可以使用幾種不同的格式提供。

數字

如果此值是數字，則會應用於所有邊（左、上、右、下）。

例如，定義圖表所有邊為 20 像素的邊距

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

{top, left, bottom, right} 物件

如果此值是物件，則 left 屬性定義左邊距。同樣地，也可以指定 right、top 和 bottom 屬性。省略的屬性預設為 0。

假設您想在圖表畫布的左側新增 50 像素的邊距，您會這樣做

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

{x, y} 物件

這是將左/右和上/下定義為相同值的簡寫方式。

例如，在徑向線性軸上，左/右 10 像素和上/下 4 像素的邊距 刻度背景邊距

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