IgxDataChartの目盛り線を表示するには、軸のtickLengthの値を1以上にしてください。 なお、目盛り線の色を指定する場合は、tickStrokeで色を指定してください。既定の色は薄い灰色です。 実行結 […]
Category: Ignite UI for Angular
IgxDataChart チャート内のグリッド線を消す
IgxDataChartのチャート内のグリッド線を消すには、軸のmajorStrokeをtransparentにする、もしくは、majorStrokeThicknessを0にすると消すことができます。 実行結果 X軸 […]
IgxDataChart ツールチップに表示される内容をカスタマイズする
IgxDataChartでツールチップに表示される内容をカスタマイズする場合は、Angularのng-tempateを使用してカスタマイズしたい内容でテンプレートを作成し、シリーズのtooltipTemplateのその参 […]
igxTooltip を用いてツールチップを表示する
igxTooltip を利用することで、UI 要素にツールチップを追加することができます。今回は、igxGrid のセルに igxTooltip を適用して、ツールチップを表示します。 下記、実装例です。div#targ […]
IgxDataChart マウスオーバーしたデータポイントのデータを取得したい
マウスオーバーしたデータのデータポイントのデータを取得したい場合は、IgxDataChartのonSeriesMouseEnterイベントを使用してください。 このイベントは、シリーズの上にマウスオーバーすると発生します […]
igxCombo アイテム選択用のチェックボックスを非表示にする
この KB は 製品バージョン 11.1.4 をベースにしています。 igxCombo では、アイテムの左横に選択状態を示すチェックボックスが表示されます。このチェックボックスが不要な場合、次のスタイルを適用することでチ […]
igxTooltip のフォントサイズを変更する
この KB は 製品バージョン 11.1.4 をベースにしています。 igxTooltip のフォントサイズを変更するには、次のクラスセレクターを利用して font-size プロパティの値を設定します。 サンプル gi […]
IgxCombo のコンボアイテム左に表示されるチェックボックスを非表示にする
この KB は 製品バージョン 11.1.8 をベースにしています。 IgxCombo のコンボアイテムでは、どのアイテムを選択したかを表現するチェックボックスが配置されています。状況によっては、このチェックボックスを非 […]
igxDatePicker カレンダーを本日(または指定日付)に移動するボタンを追加する
カレンダーの日付移動は、 viewDate プロパティに日付を設定することで実現できます。 https://jp.infragistics.com/products/ignite-ui-angular/docs/type […]
IgxGrid dataType=”‘date'”の列で編集時のマスクの”_”を別の文字に設定する。
1. igx-columnにセル編集テンプレートを使用し、2. セル編集テンプレートにigx-date-pickerを配置し、3. igx-date-pickerでさらにng-templateを埋め込み、4. 3のng- […]