IgxDataChartのチャート内のグリッド線を消すには、軸のmajorStrokeをtransparentにする、もしくは、majorStrokeThicknessを0にすると消すことができます。

<!-- コード例①:majorStrokeをtransparentにする -->
<igx-data-chart ...>
  <igx-numeric-x-axis #xAxis
    title="X"
    majorStroke="transparent">
  </igx-numeric-x-axis>
</igx-data-chart>

<!-- コード例②:majorStrokeThicknessを0にする -->
<igx-data-chart ...>
  <igx-numeric-x-axis #xAxis
    title="X"
    majorStrokeThickness=0>
  </igx-numeric-x-axis>
</igx-data-chart>

 

実行結果

X軸のグリッド線が消えました!

 

サンプル

 

APIリファレンス

 

Tagged:

製品について

Ignite UI for Angular