IgxDataChart ではシリーズの brush プロパティより色を指定することができますが、単色のみでなく、css の linear-gradient() 関数を使用してグラデーションカラーを設定することも可能です。

linear-gradient()
https://developer.mozilla.org/ja/docs/Web/CSS/gradient/linear-gradient

<igx-data-chart .....>
.....
      <igx-column-series .....
             [brush]="gradientBrush" [outline]="gradientBrush">
      </igx-column-series>
</igx-data-chart>
public gradientBrush = "linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%)";
Tagged:

製品について

Ignite UI for Angular