Angular 中的 Ng2-Charts：'Auto' 是否支持显示属性坐标轴

Question

我在 Angular 中使用 ng2-charts 和 chart.js，特别是折线图。我将图表选项设置如下

我正在将显示属性设置为自动，这样只有在渲染到该轴的数据映射时才会显示 y 轴。但是，在编译 angular 应用程序时出现错误

错误 TS2322：类型 'string' 不可分配给类型 'boolean'。

我检查了 chart.js 文档，它说显示属性可以是布尔值或字符串，并且 'Auto' 是一个可接受的值。

如果 chart.js 支持显示字符串属性，为什么我会得到编译错误？

import {ChartDataSets, ChartData, ChartOptions} from 'chart.js';
import {Color, BaseChartDirective, Label} from 'ng2-charts';

.....

private lineChartOptions : (ChartOptions) = {
    responsive: true,
    scales:{
      xAxes: [{
        id: 'x-axis-0',
        position: 'bottom'
      }],
      yAxes: [
        {
          id: 'y-axis-0',
          display: 'auto',
          position: 'left'
        },
        {
          id: 'y-axis-1',
          display: 'auto',
          position: 'right',
          gridLines: {
            color: 'rgba(255,0,0,0.3)',
          },
          ticks: {
            fontColor: 'red',
          }
        },        
      ]
    }
  }

Answer 1

可能是因为他们没有更新库的类型。

考虑在他们的回购上开一个问题。

在此期间，您可以

display: 'auto' as any,

绕过那个问题。

Angular 中的 Ng2-Charts：'Auto' 是否支持显示 属性 坐标轴

Ng2-Charts in Angular: Is 'Auto' supported for display property of Axes

chart.js

ng2-charts

angular

Angular 中的 Ng2-Charts：'Auto' 是否支持显示属性坐标轴