时间戳

首页 > 解决方案 > 沿 y 轴的 ng-2 折线图的渐变色

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

问题描述

我正在使用 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-axis 进行，例如 在此处输入图像描述

有人可以帮我吗？

标签： angularcanvaschart.jsng2-charts

解决方案

推荐阅读