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

我在角度图中使用ng-2图表作为折线图

我的代码

.html

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

有人能帮我吗

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

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']