IgbDataChart – 縦棒チャートを重ねて表示する

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

IgbDataChart では軸の Overlap プロパティを使用してシリーズ内の要素の重なりの度合いを制御することができます。Overlap プロパティは double 値で マイナスの値から 1 の範囲で設定可能であり、値 0 はシリーズが重ならずに表示されている状態、最大値 1 は完全に重なっている状態を意味します。

これは、規定値である Overlap = 0 の状態です。

<IgbDataChart .....>
    <IgbCategoryXAxis ..... Overlap="0">
    </IgbCategoryXAxis>
</IgbDataChart>

Overlap を 0.3 と設定してみます。

<IgbDataChart .....>
    <IgbCategoryXAxis ..... Overlap=".3">
    </IgbCategoryXAxis>
</IgbDataChart>

縦棒チャートが30%重なって表示されます。

KB17395-IgbDataChartOverlap ダウンロード GitHub リポジトリはこちら
Tagged:

製品について

Ignite UI for Blazor

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