沿y轴的ng-2折线图的渐变颜色

Question

我将ng-2图表用于折线图中。

我的代码

.html

  <canvas baseChart height="100" [chartType]="'line'" [datasets]="chartData" [labels]="labels"
              [options]="chartOptions" [legend]="false"></canvas>

.ts

chartData = [{
    fill: true,
    data: [21, 26, 24, 21, 25, 25, 27, 21, 29, 27, 24, 29],
    borderColor: 'blue  ',
    pointBackgroundColor: '00bfff   ',
    pointBorderColor: '00bfff   ',
    pointStyle: 'circle',
  }]

  labels = ['10 AM','10 AM','10 AM','10 AM','10 AM','10 AM','10 AM','10 AM','10 AM','10 AM','10 AM','10 AM']

我希望图表下的区域沿y轴以渐变方式填充。文档讨论了如何沿x轴进行操作，但是我希望沿y轴进行操作，例如

有人可以帮我吗？