Ignite UI for Angular

IgxDataChart 目盛り線を表示する。

IgxDataChartの目盛り線を表示するには、軸のtickLengthの値を1以上にしてください。なお、目盛り線の色を指定する場合は、tickStrokeで色を指定してください。既定の色は薄い灰色です。　実行結 […]

IgxDataChartのチャート内のグリッド線を消すには、軸のmajorStrokeをtransparentにする、もしくは、majorStrokeThicknessを0にすると消すことができます。　実行結果 X軸 […]

IgxDataChartでツールチップに表示される内容をカスタマイズする場合は、Angularのng-tempateを使用してカスタマイズしたい内容でテンプレートを作成し、シリーズのtooltipTemplateのその参 […]

igxTooltip を利用することで、UI 要素にツールチップを追加することができます。今回は、igxGrid のセルに igxTooltip を適用して、ツールチップを表示します。下記、実装例です。div#targ […]

マウスオーバーしたデータのデータポイントのデータを取得したい場合は、IgxDataChartのonSeriesMouseEnterイベントを使用してください。このイベントは、シリーズの上にマウスオーバーすると発生します […]

この KB は製品バージョン 11.1.4 をベースにしています。 igxCombo では、アイテムの左横に選択状態を示すチェックボックスが表示されます。このチェックボックスが不要な場合、次のスタイルを適用することでチ […]

この KB は製品バージョン 11.1.4 をベースにしています。 igxTooltip のフォントサイズを変更するには、次のクラスセレクターを利用して font-size プロパティの値を設定します。サンプル gi […]

この KB は製品バージョン 11.1.8 をベースにしています。 IgxCombo のコンボアイテムでは、どのアイテムを選択したかを表現するチェックボックスが配置されています。状況によっては、このチェックボックスを非 […]

カレンダーの日付移動は、 viewDate プロパティに日付を設定することで実現できます。 https://jp.infragistics.com/products/ignite-ui-angular/docs/type […]

1. igx-columnにセル編集テンプレートを使用し、2. セル編集テンプレートにigx-date-pickerを配置し、3. igx-date-pickerでさらにng-templateを埋め込み、4. 3のng- […]