布局配置

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

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

内间距

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

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

  1. let chart = new Chart(ctx, {
  2. type: 'line',
  3. data: data,
  4. options: {
  5. layout: {
  6. padding: {
  7. left: 50,
  8. right: 0,
  9. top: 0,
  10. bottom: 0
  11. }
  12. }
  13. }
  14. });