チャートの凡例 (IgbLegend) に表示されるカテゴリやシリーズの順序は、その定義順に従います。しかしながら、見た目上、各グラフの表示順とは逆に、凡例の各項目を表示したいケースもあります。 幸い、IgbLegend […]
Category: Ignite UI for Blazor
IgbDataChart – 軸ラベルの文字列を全て表示したい
IgbDataChart において、表示される軸ラベルの文字列が長い場合、隣のラベルと干渉して文字列が最後まで表示されない場合がございます。ここでは軸ラベル文字列の方向を変えることによって、文字列が全て表示される方法につ […]
IgbGrid – CSV エクスポート時の日付の書式を指定する
Blazor 向け UI コンポーネントライブラリ Ignite UI for Blazor に含まれるグリッドコンポーネント、IgbGrid では、以下のように IgbGridToolbar および IgbGridTo […]
IgbPieChart – ラベルのフォントや文字の大きさ、色を変更したい
IgbPieChart のラベルのフォントや文字の大きさを変更したい場合は、IgbPieChart の TextStyle プロパティで指定できます。 色の指定は LabelInnerColor と LabelOut […]
IgbDataChart – チャートに目盛線となる破線を追加する
チャートを作成するにあたりデータの上限・下限等の特定の要素を強調したい場合、チャート内に目盛となる破線(または点線)を入れることがあります。 ここでは IgbDataChart における IgbValueOverlay […]
IgbDataChart – 散布図マーカーの色設定
IgbDataChart の散布チャートである IgbScatterSeries において、表示されるマーカーの色やアウトラインを設定する方法についてご紹介します。 方法 IgbScatterSeries のプロパティ定 […]
IgbGrid – グリッドにデータが無い場合に表示されるテキストを変更する
Ignite UI for Blazor が提供するグリッドコンポーネント IgbGrid において、データが0件のとき初期設定では “Grid has no data.” と表示されます。表示さ […]
IgbTree – 展開インジケータのアイコン画像を変更する方法
Ignite UI for Blazor が提供するツリーコンポーネント、IgbTree に表示される、展開インジケータのアイコン画像ですが、こちらは展開インジケータの要素をセレクタで指定した CSS スタイル定義によっ […]
IgbGrid – セルのテンプレート内から、該当する行データや、同行の任意の列値を参照する方法
背景 Ignite UI for Blazor が提供するグリッドコンポーネント、IgbGrid コンポーネントを使ったプログラムにおいて、セル内の描画内容をカスタマイズするために、BodyTemplate や Inli […]
IgbCombo – テキスト入力欄への直接入力をできないようにする
Ignite UI for Blazor が提供するコンボボックスコンポーネント、IgbCombo はテキスト入力欄を備えており、単一選択モードが有効 (SingleSelect=true) な場合は、そのテキスト入力欄 […]