Ignite UI for Web Components

IgcDataChart – クリックしたデータ要素の情報を取得する方法

IgcDataChartでは、seriesMouseLeftButtonDownイベントを使用することで、クリックしたシリーズのデータ要素の情報を取得することができます。今回は、3 つのシリーズを持つバブルチャートを例 […]

IgcDataChartでは、凡例（IgcLegend）のlegendItemMouseLeftButtonDownイベントを使用することで、クリックされた凡例アイテムに対応するシリーズの表示/非表示を切り替えることがで […]

円グラフコンポーネントIgcDataPieChartでは、凡例（IgcItemLegend）のlegendItemMouseLeftButtonDownイベントを使用することで、クリックされた凡例アイテムに対応するデータ […]

IgcDataChart のコールアウト機能を使用するとデータの値をチャートのデータポイントに表示することができます。 IgcCalloutLayerComponent の calloutLabelUpdating イベ […]

IgcDataChart では IgcStackedFragmentSeriesComponent の markerTemplate 機能を使用して積層シリーズの各フラグメントにデータの値を表示することができます。 &l […]

IgcGrid で列の cellStyles 機能を使用してヒートマップを表現します。 <igc-grid>を作成し、id を付与して列を定義します。 IgcGridComponent に columnInit イ […]

IgcDataChart の財務シリーズ( IgcFinancialPriceSeries )を使用し、箱ひげ図を表現することが可能です。まずは igc-data-chart に igc-financial-price […]

IgcDataChart の積層型棒チャートを左右に二つ並べて配置し、二極分散型積上げ横棒グラフを表現することが可能です。左側の igc-data-chart を作成します。X 軸は is-inverted を tru […]

IgcDoughnutchartでは複数のリングを定義することができます。それぞれにバインドするデータを調整し、階層をもつ多層円(サンバーストチャート)を表現することが可能です。以下のような２階層をもつデータを用意しま […]

IgcGrid の日付タイプのセルで表示されるポップアップカレンダー (日付ピッカー) はデフォルトで英語表記となっています。カレンダーを日本語で表示するには、日本語情報を持つ “ja” ロケー […]