PrimeNG中Chart.js自定义动画无法生效问题求助

问题出在你的optionsTest配置结构上，PrimeNG的p-chart组件接收的options参数直接对应Chart.js的配置对象，不需要额外嵌套options和type层级，这才导致自定义动画无法被正确解析。

修正后的代码 #

JavaScript部分

this.dataTest = {
  labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
  datasets: [{
    label: 'Try hiding me',
    data: [65, 59, 80, 81, 26, 55, 40],
    fill: false,
    borderColor: 'rgb(75, 192, 192)',
  }]
}

// 移除多余的嵌套层级，直接传入Chart.js的options配置
this.optionsTest = {
  animations: {
    tension: {
      duration: 1000,
      easing: 'linear',
      from: 1,
      to: 0,
      loop: true
    }
  }
}

HTML部分（保持不变）

<p-chart type="line" [data]="dataTest" [options]="optionsTest"></p-chart>

原因说明 #

• PrimeNG的p-chart已经通过type属性指定了图表类型，无需在options里重复定义
• 你原本的配置把Chart.js的完整实例配置（包含type、data、options）传给了p-chart的options输入项，不符合组件参数规范，导致内部无法正确识别动画配置
• 只有将纯Chart.js的options内容直接传递给p-chart的options参数，组件才能正确把配置同步到底层的Chart.js实例，使自定义动画生效

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