IgbDataChart – 複数チャート間でスクロール操作を同期したい

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

IgbDataChart において、複数のチャートを表示し、それらのスクロール操作を同期したい場合があります。本記事では複数のチャート間でスクロールを同期する方法についてご紹介いたします。

IgbDataChart の設定

両方のチャートに SyncChannel プロパティを設定し、同じチャネル名（例: _syncChannel）を指定することで、スクロール同期が可能になります。

@* Chart 1 *@
<IgbDataChart ....
             SyncChannel="_syncChannel">
    ....
</IgbDataChart>

@* Chart 2 *@
<IgbDataChart ....
             SyncChannel="_syncChannel">
    ....
</IgbDataChart>

実行結果

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

製品について

Ignite UI for Blazor

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