IgcDataChartでは、seriesMouseLeftButtonDownイベントを使用することで、クリックしたシリーズのデータ要素の情報を取得することができます。 今回は、3 つのシリーズを持つバブルチャートを例 […]
Category: Ignite UI for Web Components
IgcDataChart – 凡例クリックでシリーズの表示/非表示を切り替える
IgcDataChartでは、凡例(IgcLegend)のlegendItemMouseLeftButtonDownイベントを使用することで、クリックされた凡例アイテムに対応するシリーズの表示/非表示を切り替えることがで […]
IgcDataPieChart – 凡例クリックでデータを取得する方法
円グラフコンポーネントIgcDataPieChartでは、凡例(IgcItemLegend)のlegendItemMouseLeftButtonDownイベントを使用することで、クリックされた凡例アイテムに対応するデータ […]
IgcDataChart – コールアウトのテキストを変更する
IgcDataChart のコールアウト機能を使用するとデータの値をチャートのデータポイントに表示することができます。 IgcCalloutLayerComponent の calloutLabelUpdating イベ […]
IgcDataChart – 積層シリーズにデータラベルを表示する
IgcDataChart では IgcStackedFragmentSeriesComponent の markerTemplate 機能を使用して積層シリーズの各フラグメントにデータの値を表示することができます。 &l […]
IgcGrid を使用してヒートマップを作成する
IgcGrid で列の cellStyles 機能を使用してヒートマップを表現します。 <igc-grid>を作成し、id を付与して列を定義します。 IgcGridComponent に columnInit イ […]
IgcDataChart を使用して箱ひげ図を作成する
IgcDataChart の財務シリーズ( IgcFinancialPriceSeries )を使用し、箱ひげ図を表現することが可能です。 まずは igc-data-chart に igc-financial-price […]
IgcDataChart を使用して二極分散型積上げ横棒グラフを作成する
IgcDataChart の積層型棒チャートを左右に二つ並べて配置し、二極分散型積上げ横棒グラフを表現することが可能です。 左側の igc-data-chart を作成します。X 軸は is-inverted を tru […]
IgcDoughnutChart を使用して階層を持つ多層円グラフを作成する
IgcDoughnutchartでは複数のリングを定義することができます。それぞれにバインドするデータを調整し、階層をもつ多層円(サンバーストチャート)を表現することが可能です。 以下のような2階層をもつデータを用意しま […]
IgcGrid – date 列で使用されるポップアップカレンダーを日本語表示にする
IgcGrid の日付タイプのセルで表示されるポップアップカレンダー (日付ピッカー) はデフォルトで英語表記となっています。 カレンダーを日本語で表示するには、日本語情報を持つ “ja” ロケー […]