Web Components ハイライト

Ignite UI for Web Components カテゴリ チャート コンポネントには、ハイライト機能があります。

Web Components ハイライトの例

Edit on CodeSandbox

Ignite UI for Web Components レイヤーのハイライト

カテゴリ チャート コンポネントは、項目のホバー オーバー時に 3 種類のハイライト タイプを使用できます。

  1. シリーズ ハイライトは、ポインターがデータ ポイント上にある場合にそのポイントをハイライトします。

  2. 項目ハイライトは、バンド図形をその位置で描画またはマーカーをその位置で描画のいずれかでカテゴリ軸を使用するシリーズの項目をハイライトするシリーズ。

  3. カテゴリ ハイライトはすべてのカテゴリ軸を対象にします。カーソル位置に最も近い軸領域を照らす図形を描画します。

<igc-category-chart
    id="chart"
    width="800px"
    height="500px"
    is-series-highlighting-enabled="true"
    is-category-highlighting-enabled="true"
    is-item-highlighting-enabled="true" >
</igc-category-chart>