如何通过编程方式动态设置Chart.js的布局与刻度内边距？

• 直接修改chart.options.layout.padding.top或chart.options.scales.x.ticks.padding后，Chart.js不会自动重新计算布局，必须调用chart.update('none')来让配置生效。用'none'参数是为了跳过动画，避免响应式调整时的视觉闪烁，更适配你的场景。
• 官方文档明确，修改配置选项后必须调用update()方法，因为Chart.js不会监听配置对象的属性变化。如果需要重置图表状态再更新，也可以用chart.reset()，但这种方式开销更大，一般优先用update。

示例代码：

options: {
  onResize: function(chart, size) {
    // 根据新尺寸计算目标内边距
    const newTopPadding = size.width > 800 ? 50 : 30;
    const newTickPadding = size.width > 800 ? 20 : 10;
    
    // 修改配置项
    chart.options.layout.padding.top = newTopPadding;
    chart.options.scales.x.ticks.padding = newTickPadding;
    
    // 触发更新，应用新配置
    chart.update('none');
  }
}

内容的提问来源于stack exchange，提问作者Augier