IgxDataChart チャート内のグリッド線を消す

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リファレンス

• majorStroke
  • https://www.infragistics.com/products/ignite-ui-angular/api/docs/typescript/latest/classes/igxaxiscomponent.html#majorstroke
• minorStroke
  • https://www.infragistics.com/products/ignite-ui-angular/api/docs/typescript/latest/classes/igxaxiscomponent.html#majorstrokethickness