Angular 角度图表JS缩放最小值并回调不工作

我正在尝试在Angular 9应用程序中使用ChartJS折线图。我想缩放图表的Y轴以显示0（而不是最小值）的值，并在值后添加“%”标记。我的代码如下所示。你知道有什么问题吗

this.chart = new Chart(this.chartRef.nativeElement, {
      type: 'line',
      data: {
        labels,
        datasets: [
          {
            data: dataPoints, 
            borderColor: '#00AEFF',
            fill: false
          }
        ]
      },
      options: {
        responsive: true,
        legend: {
          display: false
        },
        scales: {
          xAxes: [{
            display: true
          }],
          yAxes: [{
            display: true,
            ticks: {
              beginAtZero: true,
              suggestedMin: 0,
              min: 0,
              callback(value, index, values) {
                 return value + '%';
              }
            },
            afterBuildTicks(chart) {

            }
          }],
        }
      }
    });

---

您的代码有许多错误需要修复才能正常工作

在Angular 8中，

@ViewChild

需要第二个参数

@ViewChild('lineChart', {static: true}) private chartRef; 

图表应在

ngOnInit

内部创建，在构建

组件时画布尚不可用。这就是
错误的基本来源：无法读取未定义的
的属性'nativeElement'

图表内的
scales.yAxes.ticks.callback
选项
未正确定义为函数

另外，
canvas
需要封装在
div
中

请看一下修改后的
你能创建stackblitz吗？嗨，我刚刚尝试创建一个更简单的版本。但是它给出了一个错误，“无法读取未定义的属性”nativeElement“否，因为我得到了这个错误”error error:Cannot read属性”nativeElement“未定义的”我无法复制它。你的问题是什么？图表不是渲染吗？