目录
当前位置: 首页 > 文档资料 > Chart.js 开发文档 >

1.4.2 布局(layout

优质
小牛编辑
129浏览
2023-12-01

布局配置被传递到options.layout命名空间。图表布局的全局选项在Chart.defaults.global.layout中定义。

名称类型默认值描述
paddingNumber or Object0内间距. 更多...

内间距

如果该值是一个数字,它将应用于图表的所有方面(左,上,右,下)。如果这个值是一个对象,left属性定义了左边的间距。类似地,也可以指定righttopbottom属性。

假设你想在图表画布的左侧添加50px的间距,你可以这样做:

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