Ignite UI for Angular 9.1.6 バージョン時点での情報に基づいています。

縦棒グラフ(igx-column-series)の棒の太さを調整したい場合は、igx-category-x-axisのgapで棒の間隔を調整し、間接的に棒の幅を調整してください。

<igx-data-chart ...>
  ...
  <igx-category-x-axis #xAxis1 ...
    gap="0">
  </igx-category-x-axis>
  ...
</igx-data-chart>

gapは、0 から 1 の範囲で指定が可能です。最小値 0 の場合に棒と棒のスペースがない状態、最大値 1 の場合は棒と棒のスペースが棒の幅と等しい状態になります。

 

実行結果

 

サンプル

 

リファレンス

 

Tagged:

製品について

Ignite UI for Angular