IgbDataChart – 棒チャートのシリーズ間に隙間を設けたい

  • 公開日:
  • 最終更新日:

IgbDataChartを使用して、棒チャートのシリーズ間に隙間を設ける方法を説明します。
本記事では横棒積層型チャートである IgbStackedBarSeries を例にご紹介します。

IgbDataChart の設定

IgbCategoryYAxis の Overlap プロパティより負の値を設定することでシリーズ間に隙間を設けることができます。
※ IgbStackedColumnSeries または IgbColumnSeries の場合は、IgbCategoryXAxis の Overlap プロパティより設定します。

 <IgbCategoryYAxis ....
                   Overlap="-0.3">
 </IgbCategoryYAxis>

例として、-0.3 を設定します。

実行結果

このプロパティを使用することで、シリーズ間に適切な隙間が設けられ、各シリーズが視覚的に区別しやすくなります。

サンプルプログラムのダウンロード GitHub リポジトリはこちら
Tagged:

製品について

Ignite UI for Blazor

JavaScriptの代わりにC#でのWebアプリケーション開発を可能にしたBlazor。Ignite UI for Blazorは、BlazorアプリケーションのUI開発を支援するコンポーネントライブラリーです。
» 製品ページはこちら