Ignite UI for Web Components

IgcGrid を使用してヒートマップを作成する

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” ロケー […]

ASP.NET WebForms アプリケーションに Web Components のチャートコンポーネントであるIgcDataChartComponent を組み込む方法をご紹介します。まず、対象のアプリケーションに […]

地理バブルマップでは IgcGeographicProportionalSymbolSeriesComponent の fillScale プロパティよりバブルのブラシスケールを設定することができます。ブラシスケールとし […]

IgcGeographicMapComponent で OpenStreetMap を背景に可視化を行うと、地図がカラフルなためにヒートマップやバブル、マーカーが背景に埋もれてしまうことがあります。下図はヒートマップを適 […]

Ignite UI for Web Components の日付ピッカーコンポーネント igc-date-picker について、ポップアップカレンダーはデフォルトで英語表記となっています。　カレンダーを日本語で表示 […]

Ignite UI for Web Components が提供するグリッドコンポーネント IgcGrid では、セルの内容をカスタマイズするためにbodyTemplateを利用できます。これにより、セル内にハイパーリン […]