Ignite UI for React 変更ログ

Ignite UI for React の各バージョンのすべての重要な変更は、このページに記載されています。

19.6.0 (March 2026)

igniteui-react-charts

新機能

• MarkerType 列挙型に Checkmark オプションが追加されました。シリーズで MarkerType.Checkmark を使用すると、円の中に V 字型のチェックマーク アイコンを表示できます。新しい MarkerAutomaticBehavior.Checkmark 列挙値でチャート内のすべてのシリーズにチェックマーク形状を適用でき、SeriesViewer.CheckmarkMarkerTemplate プロパティでテンプレートをカスタマイズできます。
• マーカーをサポートするチャート シリーズで MarkerSize がサポートされ、デバイス非依存ピクセル単位でマーカー サイズを制御できるようになりました。NaN に設定するとテンプレート ベースの既定サイズに戻ります。

バグ修正

機能拡張

igniteui-react-charts

• IgrDataChart での水平方向の範囲レンダリングをサポートする RangeBarSeries が追加されました。

19.5.1 (February 2026)

igniteui-react

新機能

• AI 支援開発 - Copilot スキル

  • igniteui-react パッケージの skills/ ディレクトリに 4 つのエンドユーザー スキルが同梱されるようになりました。GitHub Copilot やその他の LLM エージェントに一般的なタスクのステップバイステップのガイダンスを提供します:
    • igniteui-wc-choose-components - 特定の UI パターンに適したコンポーネントを識別する。
    • igniteui-wc-integrate-with-framework - React、Angular、Vue、またはバニラ JS でコンポーネントをセットアップして使用する。
    • igniteui-wc-customize-component-theme - CSS カスタム プロパティ、パーツ、テーマ システムを使用してカスタム スタイルを適用する。
    • igniteui-wc-optimize-bundle-size - 選択的インポートと遅延読み込みを使用して本番バンドル サイズを削減する。

• チャット

  • adoptRootStyles を実行時にオン/オフ切り替えできるようになりました。

重大な変更

• テーマ

  • 他の Ignite UI コンポーネント ライブラリに合わせるため、コンポーネント テーマの CSS カスタム プロパティのグローバル プレフィックスを変更しました。

• チャット

  • typingIndicator テンプレート レンダラーを削除しました。代わりに typing-indicator スロットを使用してください。

• ツールチップ

  • 非推奨の disableArrow プロパティを削除しました。

• ライブラリ

  • 必要な最小 Node バージョンが >= 22 になりました。

  バグ修正

igniteui-react-grids (グリッド)

• IgrGrid、IgrTreeGrid、IgrHierarchicalGrid、IgrPivotGrid
  • グリッドに表示されるデータに基づいてスクロール スロットルを動的に調整することでパフォーマンスを改善しました。

重大な変更

• IgrGrid、IgrTreeGrid、IgrHierarchicalGrid、IgrPivotGrid
  • 元の data 配列の変更 (元の配列へのレコードの追加/削除/移動など) は自動的に検出されなくなりました。変更を検出するには、コンポーネントに配列参照の変更が必要です。

ローカライゼーション (i18n)

• IgrGrid、IgrTreeGrid、IgrHierarchicalGrid、IgrPivotGrid、IgrCombo、IgrDatePicker、IgrDateRangePicker、IgrCalendar、IgrCarousel、IgrChip、IgrInput、IgrTree
  • グリッド コンポーネントで日付や数値などのデータをフォーマットおよびレンダリングするための新しい Intl 実装。IgrCalendar、IgrDatePicker、IgrDateRangePicker の Intl 実装を更新しました。
  • 現在サポートされているすべての言語のリソース文字列を持つすべてのコンポーネントに対する新しいローカライゼーション実装。
  • 新しいパブリック ローカライゼーション API と、新しいリソースを含む igniteui-i18n-resources という名前のパッケージ。

PDF エクスポート

• グリッド データを PDF 形式にエクスポートできる PDF エクスポート機能を追加しました。

Popover API

• ドロップダウン メニューとダイアログが HTML Popover API を使用するようになり、より優れた配置とアクセシビリティを提供します。

19.3.2 (February 2026)

機能拡張

igniteui-react-charts

DataPieChart および ProportionalCategoryAngleAxis に OthersCategoryBrush と OthersCategoryOutline を追加しました。

バグ修正

• Chat

  • Removed the typingIndicator template renderer. Use the typing-indicator slot instead.

• Tooltip

  • Removed the disableArrow deprecated property.

• Library

  • Minimum Node version required is now >= 22.

  Bug Fixes

19.3.1 (December 2025)

• IgrGrid, IgrTreeGrid, IgrHierarchicalGrid, IgrPivotGrid
  • Improved performance by dynamically adjusting the scroll throttle based on the data displayed in grid.

Breaking Changes

• IgrGrid, IgrTreeGrid, IgrHierarchicalGrid, IgrPivotGrid
  • Original data array mutations (like adding/removing/moving records in the original array) are no longer detected automatically. Components need an array reference change for the change to be detected.

Localization(i18n)

• IgrGrid, IgrTreeGrid, IgrHierarchicalGrid, IgrPivotGrid, IgrCombo, IgrDatePicker, IgrDateRangePicker, IgrCalendar, IgrCarousel, IgrChip, IgrInput, IgrTree
  • New Intl implementation for the grid components that format and render data like dates and numbers. Updated Intl implementation for IgrCalendar, IgrDatePicker, and IgrDateRangePicker.
  • New localization implementation for the currently supported languages for all components that have resource strings in the currently supported languages.
  • New public localization API and package named igniteui-i18n-resources containing the new resources that are used in conjunction.

PDF export

• Added PDF export functionality allowing users to export grid data to PDF format.

Popover API

• Dropdown menus and dialogs are now using HTML Popover API to provide better positioning and accessibility.

バグ修正

機能拡張

チャート

• TimeXAxisLabelFormat に LabelFormatOverride イベントが追加され、TimeXAxis のすべての時間形式レベルでイベントを使用して書式設定をオーバーライドできるようになりました。

19.3.0 (November 2025)

igniteui-react-charts (チャート)

Preview ユーザー注釈

Ignite UI for React では、ユーザー注釈機能により、実行時に IgrDataChart にスライス注釈、ストリップ注釈、ポイント注釈を追加できるようになりました。これにより、エンドユーザーは、スライス注釈を使用して会社の四半期レポートなどの単一の重要イベントを強調したり、ストリップ注釈を使用して期間を持つイベントを示したりすることで、プロットに詳細を追加できます。ポイント注釈またはこれら 3 つの任意の組み合わせを使用して、プロットされたシリーズ上の個々のポイントを呼び出すこともできます。

Preview 軸注釈の衝突検出

igniteui-react-maps (地理マップ)

• Azure Map Imagery は RTM になりました。

• Adjusted the schema generation to account for more items to make it more likely to find valid values for properties.

バグ修正

19.3.0 (October 2025)

新しいコンポーネント

• IgrChat コンポーネントを追加しました。

This is directly integrated with the available tools of the Toolbar.

igniteui-react-grids (グリッド)

• IgrGrid、IgrTreeGrid、IgrHierarchicalGrid

  • 同じデータまたはその他のカスタム条件に基づいて列内のセルを 1 つのセルに構成および結合できる新しいセル結合機能を追加しました。

    個々の列で有効化できます:

バグ修正

19.2.2 (October 2025)

igniteui-react-maps 地理マップ

Preview Azure マップ画像のサポート

IgrGeographicMap は、 Azure ベースのマップ画像をサポートし、開発者は複数のアプリケーション タイプにわたって詳細かつ動的なマップを表示できるようになりました。複数のマップ レイヤーを組み合わせて地理データを視覚化し、インタラクティブなマッピング エクスペリエンスを簡単に作成できます。

igniteui-react-charts (チャート)

• IgrGrid, IgrTreeGrid, IgrHierarchicalGrid

  • Introduced a new cell merging feature that allows you to configure and merge cells in a column based on same data or other custom condition, into a single cell.

    It can be enabled on the individual columns:

        <IgrColumn field="field" merge={true}></IgrColumn>

The merging can be configured on the grid level to apply either:

• onSort - only when the column is sorted.
• always - always, regardless of data operations.

        <IgrGrid cellMergeMode="always">
        </IgrGrid>

The default cellMergeMode is onSort.

The functionality can be modified by setting a custom mergeStrategy on the grid, in case some other merge conditions or logic is needed for a custom scenario.

It’s possible also to set a mergeComparer on the individual columns, in case some custom handling is needed for a particular data field.

• Added ability to pin individual columns to a specific side (start or end of the grid), so that you can now have pinning from both sides. This can be done either declaratively by setting the pinningPosition property on the column:

        <IgrColumn field="Col1" pinned={true} pinningPosition="pinningPosition">
        </IgrColumn>

pinningPosition = ColumnPinningPosition.End;

Or with the API, via optional parameter:

grid.pinColumn('Col1', 0, ColumnPinningPosition.End);
grid.pinColumn('Col2', 0, ColumnPinningPosition.Start);

If property pinningPosition is not set on a column, the column will default to the position specified on the grid’s pinning options for columns.

• Sorting improvements
  • Improved sorting algorithm efficiency using Schwartzian transformation. This is a technique, also known as decorate-sort-undecorate, which avoids recomputing the sort keys by temporarily associating them with the original data records.
  • Refactored sorting algorithms from recursive to iterative.
• Groupby improvements
  • Refactored grouping algorithm from recursive to iterative.
  • Optimized grouping operations.

Preview 新しい軸ラベル イベント

軸ラベルに対するさまざまな操作を検出できるように、次のイベントが IgrDataChart に追加されました。

Preview 対応軸

Preview RadialPieSeries インセット アウトライン

igniteui-react-grids (グリッド)

The IgrIgbGeographicMap now supports Azure-based map imagery, allowing developers to display detailed, dynamic maps across multiple application types. You can combine multiple map layers, visualize geographic data, and create interactive mapping experiences with ease.

Note: Support for Bing Maps imagery is being phased out. Existing enterprise keys can still be used to access Bing Maps, ensuring your current applications continue to function while you transition to Azure maps.

Explore some of the publicly available Azure maps here.

Preview セル サフィックス コンテンツ

バグ修正

• LabelMouseDown
• LabelMouseUp
• LabelMouseEnter
• LabelMouseLeave
• LabelMouseMove
• LabelMouseClick

機能拡張

Added CompanionAxis properties to the X and Y axis that allow you to quickly create a clone of an existing axis. When enabled using the CompanionAxisEnabled property, this will default the cloned axis to the opposite position of the chart and you can then configure that axes’ properties.

IgrBulletGraph

• Preview 新しい LabelsVisible プロパティが追加されました。

Breaking Changes

• A fix was made due to an issue where the PlotAreaPosition and ChartPosition properties on IgrChartMouseEventArgs class were reversed. This will change the values that PlotAreaPosition and ChartPosition return.

チャート

IgrDataGrid

• DataGrid に新しいプロパティ stopPropagation が追加されました。これにより、マウス イベントが親要素へバブリングするのを防止できます。

• SuffixText
• SuffixTextColor

• SuffixTextFont

• SuffixIconName
• SuffixIconCollectionName
• SuffixIconStroke
• SuffixIconFill
• SuffixIconViewBoxLeft
• SuffixIconViewBoxTop
• SuffixIconViewBoxWidth
• SuffixIconViewBoxHeight
• TextDecoration

Please note that the maximum size available for the icons is 24x24. You can provide an icon that is larger or smaller than this, but you will need to configure the viewbox settings in order to properly scale it to fit in the 24x24 space so it is fully visible.

IgrLinearGauge

• Preview 新しい LabelsVisible プロパティが追加されました。

19.2.1 (September 2025)

機能拡張

• DatePicker が入力時にカレンダー表示を更新するように改善しました (Date Range Picker と同様) 1818。

バグ修正

• New properties added to the DataLegend to aid in styling: ContentBackground, ContentBorderBrush, and ContentBorderThickness. The ContentBorderBrush and ContentBorderThickness default to transparent and 0 respectively, so in order to see these borders, you will need to set these properties.

• Added a new property to IgrChartMouseEventArgs called WorldPosition that provides the world relative position of the mouse. This position will be a value between 0 and 1 for both the X and Y axis within the axis space.

• Added HighlightingFadeOpacity to IgrSeriesViewer and IgrDomainChart. This allows you to configure the opacity applied to highlighted series.

• Expose CalloutLabelUpdating event for domain charts.

19.2.0 (August 2025)

• フォームに関連付けられたカスタム要素は、:state() CSS セレクターを使用してスタイル設定するための ig-invalid カスタム状態を公開するようになりました。 詳細はこちらをご参照ください
• フォーム関連カスタム要素の有効性の動作: 要素は :user-invalid を模倣しようとし、UI またはフォームの requestSubmit()/reset() 呼び出しを介して操作されない限り、無効スタイルは適用されません。

バグ修正

19.1.0 (July 2025)

重大な変更

• Added enhancement DatePicker should update calendar view on typing, as Date Range Picker 1818

File Input

• onChange および onCancel イベントの詳細では、基になるコンポーネントの files プロパティが返されるようになりました。

Tooltip

• Tooltip イベントは、detail プロパティに anchor ターゲットを返さなくなりました。

動作変更

Tooltip

• 動作変更: Tooltip のデフォルトの placement は ‘bottom’ になりました。
• 動作変更: with-arrow が設定されていない限り、ツールチップはデフォルトでは矢印インジケーターをレンダリングしません。

機能拡張

バグ修正

19.0.1 (July 2025)

• Tooltip events will no longer return its anchor target in its detail property

バグ修正

igniteui-react-charts (チャート)

• 軸ラベルに使用できる New MaximumExtent および MaximumExtentPercentage プロパティを追加しました。

19.0.0 (April 2025)

• Updated the readonly styles of most form associated components across all themes to better signify when a component is in a readonly state.

igniteui-react-maps 地理マップ

igniteui-react-charts (チャート)

igniteui-react-dashboards (ダッシュボード)

• IgrDashboardTile では、ソート、グループ化、フィルタリング、選択などの集計を DataGrid ビューからチャート視覚化に伝播できるようになりました。これは現在、IgrDashboardTile の IgrDataSource を IgrLocalDataSource のインスタンスにバインドすることによってサポートされています。

igniteui-react-grids

重大な変更

機能拡張

Toolbar

• ツールバーから追加された値レイヤーが凡例に表示されるようになりました。
• ズーム リセット ツールはズーム ドロップダウンに移動されました。

Microsoft Bing Blogs

Data Pie Chart

• チャートは GetOthersContext() メソッドを公開するようになりました。これにより、Others (その他) スライスのコンテンツが返されます。

• The Data Tooltip and Data Legend expose Preview LayoutMode property that you can use to layout the contents of the tooltip or legend in a table or vertical layout structure.

• Preview The DefaultInteraction property of the charts has been updated to include a new enumeration - DragSelect in which the dragged preview Rect will select the points contained within.

• Preview The ValueOverlay and ValueLayer, in addition to the Preview Chart Data Annotations listed above now expose an OverlayText property that can be used to overlay additional annotation text in the plot area. These appearance of these annotations can be configured by using the many OverlayText-prefixed properties. For example, the OverlayTextBrush property will configure the color of the overlay text.

• New Trendline Layer series type that allows you to apply a single trend line per trend line layer to a particular series. This allows the usage of multiple trend lines on a single series since you can have multiple TrendlineLayer series types in the chart.

バグ修正

19.0.0 (April 2025)

アップデート ガイド

削除済

機能拡張

• Value layers added from the toolbar now appear on the legend.
• The zoom reset tool has been moved to the zoom drop-down.

Stepper

Stepper Step の titlePosition は、同じ動作を持つ undefined ではなく、デフォルトで auto に設定されるようになりました。

Tabs

igr-tab パネル プロパティは削除されました。

18.9.0 (April 2025)

Update Guide

新しいコンポーネント

• TileManager

機能拡張

List

• IgrListItem に新しいプロパティ Selected を追加しました。

Accordion

• 新しいイベント Open および Close を追加しました。

igr-tab-panel component is removed. The igr-tab now encompasses both the tab header and the tab content in a single component.

igniteui-react-grids

非推奨

• Button の clicked イベントは非推奨となりました。代わりにネイティブの onClick ハンドラーを使用してください。

バグ修正

PackageVerChanges-24-2-MAR1

• Added new property on IgrListItem called Selected

igniteui-react-grids

次の表は、このリリースの Ignite UI for React ツールセットに対して行われたバグ修正を示しています。

18.8.1 (March 2025)

• All Grids
  • Allow applying initial filtering through FilteringExpressionsTree property

igniteui-react-grids

• すべてのグリッド
  • グリッドの列に新しい disabledSummaries が追加され、開発者が一部の集計をスキップできるようにしました。
  • 内部グリッド アクション ボタンをカプセル化しました。

igniteui-react

• Dockmanager に、分割内で直接ドッキングできる新しい allowSplitterDock プロパティが追加されました。
• Dockmanager の IgrSplitPane に新しい useFixedSize プロパティが追加され、新しいサイズ変更動作が可能になりました。

機能拡張

Toolbar

• Toolbar と IgrToolPanel に新しい groupHeaderTextStyle プロパティを追加しました。設定されている場合、すべての IgrToolActionGroupHeader アクションに適用されます。
• タイトル テキストの水平方向の配置を制御する TitleHorizontalAlignment という新しいプロパティを IgrToolAction に追加しました。
• IgrToolActionSubPanel に、パネル内の項目間の間隔を制御する itemSpacing という新しいプロパティを追加しました。

バグ修正

18.7.7 (January 2025)

• バグ修正

igniteui-react-grids

• すべてのグリッド
  • 複数の重複したブラウザー タブでコンポーネントが開かれた場合に発生する重大なメモリ リークを修正しました。

18.7.6 (December 2024)

igniteui-react-charts (チャート)

DashboardTile Preview

igniteui-react-charts (入力)

• Preview カラー エディターはスタンドアロンのカラー ピッカーとして使用できるようになり、さらに Toolbar コンポーネントの Preview ToolAction に統合され、実行時に視覚化を更新できるようになりました。

18.7.4 (November 2024)

• Bug Fixes

一般

• 新しい Carousel コンポーネント。
• IgrInput
  • change イベント引数タイプを IgrComponentDataValueChangedEventArgs から IgrComponentValueChangedEventArgs に変更しました。

18.7.0 (September 2024)

igniteui-react-charts (チャート)

• 新しいデータ円チャート - IgrDataPieChart は円ャートを表示する新しいコンポーネントです。このコンポーネントは、IgrCategoryChart と同様に動作し、基になるデータ モデルのプロパティを自動的に検出しながら、ItemLegend コンポーネントを介して選択、強調表示、アニメーション、凡例のサポートを可能にします。

• 新しい 比例カテゴリ角度軸 - スライスをプロットするための、IgrDataChart のラジアル円シリーズの新しい軸。円チャートに似ており、データ ポイントが円グラフ内のセグメントとして表されます。

igniteui-react

• 新しい Banner コンポーネント。
• 新しい DatePicker コンポーネント。
• 新しい IgrDivider コンポーネント。
• すべてのコンポーネントにネイティブ イベントのサポートが追加されました。
• IgrIcon
  • setIconRef メソッドが追加されました。これにより、アイコンを SVG ファイルで登録および置き換えることができます。
  • すべてのコンポーネントが内部的な参照によるアイコンを使用するようになり、カスタム テンプレートを明示的に提供しなくても簡単に置き換えられるようになりました。
• IgrCombo、IgrDatePicker、IgrDialog、IgrDropdown、IgrExpansionPanel、IgrNavDrawer、IgrToast、IgrSnackbar、IgrSelectComponent
  • トグル メソッドの show、hide、toggle メソッドは、成功した場合に true を返すようになりました。そうでない場合は false。
• IgrButtonComponent、IgrIconButton、IgrCheckbox、IgrSwitch、IgrCombo、IgrDateTimeInput、IgrInput、IgrMaskInput、IgrRadio、IgrSelectComponent、IgrTextarea
  • カスタムの focus および blur イベントは非推奨になりました。代わりにネイティブの onFocus および onBlur イベントを使用してください。
• IgrRadioGroup
  • Name および Value プロパティを追加しました。

igniteui-react-grids

18.6.1 (June 2024)

• New Carousel component.
• IgrInput
  • Changed change event argument type from IgrComponentDataValueChangedEventArgs to IgrComponentValueChangedEventArgs

igniteui-react

igniteui-react-grids

• DisplayDensity は非推奨となり、代わりに --ig-size CSS カスタム プロパティが使用されるようになりました。詳細については、グリッド サイズ トピックを参照してください。

• IgrPivotGrid - コンポーネントの構成が正しく適用できるようになりました。

• Toolbar

  • New ToolActionCheckboxList A new CheckboxList ToolAction that displays a collection of items with checkboxes for selecting. A grid inside ToolAction CheckboxList grows in height up to 5 items, then a scrollbar is displayed. Requires IgrCheckboxListModule to be registered.

  • New Filtering Support

  • Axis Field Changes New default IconMenu in Toolbar when targeting CategoryChart. Label fields are mapped to the X-axis and Value fields are mapped to the Y-axis. Target chart reacts in realtime to changes made. IconMenu is hidden when chart has no ItemsSource set.

igniteui-react-charts (チャート)

• データ凡例のグループ化 と データ ツールチップのグループ化 - 新しいグループ化機能が追加されました。GroupRowVisible プロパティは、各シリーズのグループ化を切り替え、オプトインすると DataLegendGroup プロパティを介してグループ テキストを割り当てることができます 同じ値が複数のシリーズに適用されている場合、それらはグループ化されて表示されます。すべてのユーザー向けに分類および整理する必要がある大規模なデータセットに役立ちます。

• チャートの選択 - 新しいシリーズ選択のスタイル設定。これは、IgrCategoryChart および IgrDataChart のすべてのカテゴリ、財務、およびラジアル シリーズに広く採用されています。シリーズはクリックして異なる色で表示したり、明るくしたり、薄くしたり、フォーカスのアウトラインを表示したりできます。個々のシリーズまたはデータ項目全体を通じて影響を受ける項目を管理します。 複数のシリーズとマーカーがサポートされています。特定のデータ項目の値間のさまざまな相違点や類似点を示すのに役立ちます。また、SelectedSeriesItemsChanged イベントと SelectedSeriesItems は、選択内容に基づいたデータ分析を行うポップアップやその他の画面など、アプリケーション内で実行できるその他のアクションを取り巻く堅牢なビジネス要件を構築するための追加の支援として利用できます。

• 比例カテゴリ角度軸 - IgrDataChart のラジアル円シリーズの新しい軸により、データ チャートのすべての追加機能を使用してロバスト可能な視覚化をする円チャートの作成が可能になります。

igniteui-react-gauges (ゲージ)

• IgrRadialGauge
  • ハイライト針の新しいラベル。HighlightLabelText と HighlightLabelSnapsToNeedlePivot および、その他の HighlightLabel の多くのスタイル関連プロパティが追加されました。

Breaking Changes

• All Grids
  • IgrRowIsland
  • Removed displayDensity deprecated property.
  • Renamed actualColumns, contentColumns properties to actualColumnList and contentColumnList. Use columns or columnList property to get all columns now.
  • Renamed rowDelete and rowAdd event argument type to IgrRowDataCancelableEventArgs.
  • Renamed contextMenu event argument type to IgrGridContextMenuEventArgs.
  • Removed IgrGridEditEventArgs, IgrGridEditDoneEventArgs, IgrPinRowEventArgs events rowID and primaryKey properties. Use rowKey instead.
• IgrPivotGrid
  • removed showPivotConfigurationUI property. Use pivotUI and set inside it the new showConfiguration option.
• IgrColumn
  • Removed movable property. Use Grid’s moving property now.
  • Removed columnChildren property. Use childColumns instead.
• IgrColumnGroup
  • Removed children property. Use childColumns instead.
• IgrPaginator
  • Removed isFirstPageDisabled and isLastPageDisabled properties. Use isFirstPage and isLastPage instead.

18.6.0 (March 2024)

igniteui-react-charts

• InitialFilter プロパティによる新しいデータ フィルタリング。フィルター式を適用して、チャート データをレコードのサブセットにフィルターします。大規模なデータのドリルダウンに使用できます。

igniteui-react-grids

• 新しい IgrHierarchicalGrid コンポーネント

• IgrPivotGrid - Configuration of the component can now be applied correctly.

igniteui-react-gauges

• IgrRadialGauge
  • 新しいタイトル/サブタイトルのプロパティ。TitleText、SubtitleText はゲージの下部近くに表示されます。さらに、TitleFontSize、TitleFontFamily、TitleFontStyle、TitleFontWeight、TitleExtent など、さまざまなタイトルとサブタイトルのフォント プロパティが追加されました。最後に、新しい TitleDisplaysValue により、値を針の位置に対応させることができます。
  • IgrRadialGauge の新しい OpticalScalingEnabled プロパティと OpticalScalingSize プロパティ。この新機能は、ゲージのラベル、タイトル、サブタイトルが 100% のオプティカル スケーリングを持つサイズを管理します。この新機能の詳細については、こちらを参照してください。
  • 新しいハイライト針が追加されました。HighlightValue と HighlightValueDisplayMode の両方に値と ‘Overlay’ 設定が指定されたとき、メインの針が薄く表示され、新しい針が表示されます。
• IgrLinearGauge
  • 新しいハイライト針が追加されました。HighlightValue と HighlightValueDisplayMode の両方に値と ‘Overlay’ 設定が指定されたとき、メインの針が薄く表示され、新しい針が表示されます。
• IgrBulletGraph
  • HighlightValueDisplayMode が ‘Overlay’ 設定に適用されたとき、パフォーマンス バーには値と新しい HighlightValue の差が反映されるようになりました。ハイライト値には、フィルタリング/サブセットが完了した測定パーセンテージが塗りつぶされた色で表示され、残りのバーの外観は割り当てられた値に対して薄く表示され、リアルタイムでパフォーマンスを示します。

• Chart Selection - New series selection styling. This is adopted broadly across all category, financial and radial series for IgrCategoryChart and IgrDataChart. Series can be clicked and shown a different color, brightened or faded, and focus outlines. Manage which items are effected through individual series or entire data item. Multiple series and markers are supported. Useful for illustrating various differences or similarities between values of a particular data item. Also SelectedSeriesItemsChanged event and SelectedSeriesItems are available for additional help to build out robust business requirements surrounding other actions that can take place within an application such as a popup or other screen with data analysis based on the selection.

• Proportional Category Angle Axis - New axes for the Radial Pie Series in the IgrDataChart, to enable creating pie charts in the allowing robust visualizations using all the added power of the data chart.

• Treemap Highlighting - Now exposes a HighlightingMode property that allows you to configure the mouse-over highlighting of the items in the tree map. This property takes two options: Brighten where the highlight will apply to the item that you hover the mouse over only, and FadeOthers where the highlight of the hovered item will remain the same, but everything else will fade out. This highlight is animated, and can be controlled using the HighlightingTransitionDuration property.

• Treemap Percent-based Highlighting - New percent-based highlighting, allowing nodes to represent progress or subset of a collection. The appearance is shown as a fill-in of its backcolor up to a specific value either by a member on your data item or by supplying a new HighlightedItemsSource. Can be toggled via HighlightedValuesDisplayMode and styled via FillBrushes.

• Toolbar - New IsHighlighted option for ToolAction for outlining a border around specific tools of choice.

igniteui-react

• 新しい IgrTextarea コンポーネント
• 新しい IgrButtonGroup コンポーネント
• IgrDockManager
  • 新しい ProximityDock プロパティ。有効にすると、ドッキング インジケーターは表示されなくなり、エンド ユーザーは、ドラッグしたペインをターゲット ペインの端に近づけてドラッグすることでドッキングできます
  • 新しい ContainedInBoundaries プロパティ。フローティング ペインを Dock Manager の境界内に保持するかどうかを決定します。デフォルトは false です。
  • 新しい ShowPaneHeaders プロパティ。ペインのヘッダーをホバー時にのみ表示するか、常に表示するかを決定します。デフォルトは always です。
• IgrInput、IgrMaskInput、IgrDateTimeInput、IgrRating
  • Readonly は ReadOnly に名前が変更されました。
• IgrInput
  • Maxlength は MaxLength に名前が変更されました。
  • Minlength は MinLength に名前が変更されました。
• IgrTree
  • ノードをクリックすると展開状態が変更されるかどうかを決定する toggleNodeOnClick プロパティが追加されました。デフォルトは false です。
• IgrRating
  • allowReset が追加されました。有効にすると、同じ値を選択するとコンポーネントがリセットされます。動作の変更 - 以前のリリースでは、これが Rating コンポーネントのデフォルトの動作でした。アプリケーションでこの動作を維持する必要がある場合は、必ず allowReset を設定してください。
• Select、IgrDropdown
  • selectedItem、items、および groups ゲッターが公開されました。

非推奨

削除済

• デフォルトの属性を隠していた独自の dir 属性が削除されました。これは互換性のある変更です。

• IgrSlider - ariaLabel シャドウ プロパティ。これは互換性のある変更です。

• IgrCheckbox - ariaLabelledBy シャドウ属性。これは互換性のある変更です。

• IgrSwitch - ariaLabelledBy シャドウ属性。これは互換性のある変更です。

• IgrRadio - ariaLabelledBy シャドウ属性。これは互換性のある変更です。

• RadialChart

  • New Label Mode The IgrCategoryAngleAxis for the now exposes a LabelMode property that allows you to further configure the location of the labels. This allows you to toggle between the default mode by selecting the Center enum, or use the new mode, ClosestPoint, which will bring the labels closer to the circular plot area.

18.5.0 (January 2024)

• New IgrHierarchicalGrid component

igniteui-react-charts (チャート)

• チャートのハイライト表示フィルター - IgrCategoryChart と IgrDataChart は、データのサブセットの内外でハイライト表示およびアニメーション化する方法を公開するようになりました。このハイライト表示の表示はシリーズのタイプによって異なります。列およびエリア シリーズの場合、サブセットはデータの合計セットの上に表示され、サブセットはシリーズの実際のブラシによって色付けされ、合計セットは不透明度を下げます。折れ線シリーズの場合、サブセットは点線で表示されます。

18.4.0 (December 2023)

• New IgrTextarea component
• New IgrButtonGroup component
• IgrDockManager
  • New ProximityDock property. If enabled, docking indicators are not visible and the end user can dock the dragged pane by dragging it close to the target pane edges.
  • New ContainedInBoundaries property. Determines whether the floating panes are kept inside the Dock Manager boundaries. Defaults to false.
  • New ShowPaneHeaders property. Determines whether pane headers are only shown on hover or always visible. Defaults to always.
• IgrInput, IgrMaskInput, IgrDateTimeInput, IgrRating
  • Readonly has been renamed to ReadOnly
• IgrInput
  • Maxlength has been renamed to MaxLength
  • Minlength has been renamed to MinLength
• IgrTree
  • Added toggleNodeOnClick property that determines whether clicking over a node will change its expanded state or not. Defaults to false.
• IgrRating
  • allowReset added. When enabled selecting the same value will reset the component. Behavioral change - In previous releases this was the default behavior of the rating component. Make sure to set allowReset if you need to keep this behavior in your application.
• Select, IgrDropdown
  • exposed selectedItem, items and groups getters

igniteui-react-grids (Grid)

• 新規機能:
  • 状態保持

18.3.0 (October 2023)

• Removed our own dir attribute which shadowed the default one. This is a non-breaking change.
• IgrSlider - ariaLabel shadowed property. This is a non-breaking change.
• IgrCheckbox - ariaLabelledBy shadowed attribute. This is a non-breaking change.
• IgrSwitch - ariaLabelledBy shadowed attribute. This is a non-breaking change.
• IgrRadio - ariaLabelledBy shadowed attribute. This is a non-breaking change.

igniteui-react-grids - Toolbar - Preview

非推奨のコンポーネント

DataGrid - DataGrid は非推奨です。Grid を使用してください。

18.2.0 (June 2023)

新しいコンポーネント

• Preview Toolbar コンポーネントは、主にチャート コンポーネントで使用される UI 操作のコンパニオン コンテナーです。ツールバーは、IgrDataChart または IgrCategoryChart コンポーネントにリンクされると、プロパティとツール項目のプリセットで動的に更新されます。プロジェクト用のカスタム ツールを作成して、エンド ユーザーが変更を提供できるようになり、無限のカスタマイズが可能になります。

igniteui-react-charts (チャート)

18.1.0 (November 2022)

デフォルトの動作を大幅に改善し、カテゴリ チャート API を改良して使いやすくしました。これらの新しいチャートの改善点は次のとおりです:

• ブラウザー / 画面サイズに基づいた水平ラベル回転のレスポンシブ レイアウト。
• すべてのプラットフォームでの丸型ラベルの描画が強化されました。
• StackedFragmentSeries にマーカー プロパティを追加しました。
• ShouldPanOnMaximumZoom プロパティを追加しました。
• 新しいカテゴリ軸プロパティ:
  • ZoomMaximumCategoryRange
  • ZoomMaximumItemSpan
  • ZoomToCategoryRange
  • ZoomToItemSpan
• カテゴリの文字列と数値をグループ化、ソート、集計するための新しいチャート集計 API により、チャート データを事前に集計または計算する必要がなくなります。
  • InitialSortDescriptions
  • InitialSorts
  • SortDescriptions
  • InitialGroups
  • InitialGroupDescriptions
  • GroupDescriptions
  • InitialSummaries
  • InitialSummaryDescriptions
  • SummaryDescriptions
  • InitialGroupSortDescriptions
  • GroupSorts
  • GroupSortDescriptions

igniteui-react-grids (データ グリッド)

• IgrColumn を IgrDataGridColumn に変更しました。
• GridCellEventArgs を IgrDataGridCellEventArgs に変更しました。
• GridSelectionMode を IgrDataGridSelectionMode に変更しました。
• SummaryOperand を DataSourceSummaryOperand に変更しました。

16.16.0 (June 2022)

igniteui-react-charts (チャート)

• 高度に構成可能な DataLegend コンポーネントが追加されました。これは、Legend とよく似たコンポーネントですが、シリーズの値を表示し、シリーズの行と値の列をフィルタリングし、値のスタイルとフォーマットを行うための多くの構成プロパティを提供します。
• 高度に構成可能な DataToolTip が追加されました。これは、シリーズの値とタイトル、およびシリーズの凡例バッジをツールチップに表示します。これは、すべてのチャート タイプのデフォルトのツールチップになりました。
• 積層シリーズのアニメーションとトランジションインのサポートが追加されました。IsTransitionInEnabled プロパティを true に設定すると、アニメーションを有効にできます。そこから、TransitionInDuration プロパティを設定してアニメーションが完了するまでの時間を決定し、TransitionInMode でアニメーションのタイプを決定できます。
• 追加された AssigningCategoryStyle イベントは、IgrDataChart のすべてのシリーズで利用できるようになりました。このイベントは、背景色の Fill やハイライト表示など、シリーズ項目の外観を条件付きで構成する場合に処理されます。
• CalloutLayer の新しい AllowedPositions 列挙体。チャート内のどこにコールアウトを配置するかを制限するために使用されます。デフォルトでは、コールアウトは最適な場所に配置されますが、これは TopLeft、TopRight、BottomLeft、または BottomRight を強制するために使用されます。
• 注釈レイヤーに追加された新しいコーナー半径プロパティ。各コールアウトのコーナーを丸めるために使用されます。コーナー半径がデフォルトで追加されていることに注意してください。
  • CalloutLayer の CalloutCornerRadius
  • FinalValueLayer の AxisAnnotationBackgroundCornerRadius
  • CrosshairLayer の XAxisAnnotationBackgroundCornerRadius と YAxisAnnotationBackgroundCornerRadius
• さまざまな方法でスクロールバーを有効にするための新しい HorizontalViewScrollbarMode および VerticalViewScrollbarMode 列挙体。IsVerticalZoomEnabled または IsHorizontalZoomEnabled と組み合わせると、チャートをナビゲートするための軸に沿ったスクロールバーを、常設またはフェードインおよびフェードアウトすることができます。
• 新しい FavorLabellingScaleEnd は、軸がスケールの最後にラベルを表示することを優先するかどうかを決定します。数値軸 (IgrNumericXAxis、IgrNumericYAxis、PercentChangeAxis など) とのみ互換性があります。
• 新しい IsSplineShapePartOfRange は、軸に要求された軸範囲にスプライン形状を含めるかどうかを決定します。
• 新しい XAxisMaximumGap は、XAxisGap を使用するときにプロットされたシリーズの最大許容値を決定します。ギャップは、プロットされたシリーズの列またはバー間のスペースの量を決定します。
• 新しい XAxisMinimumGapSize は、XAxisGap を使用するときに、プロットされたシリーズの最小許容ピクセルベース値を決定し、各カテゴリ間に常にある程度の間隔があることを保証します。

igniteui-react-grids (データ グリッド)

新機能 - 行ページングを追加しました。これは、大量のデータセットを類似したコンテンツを持つ一連のページに分割するために使用されます。ページネーションを使用すると、データを設定された行数で表示することができ、ユーザーはスクロール バーを使用せずにデータを順次閲覧することができます。テーブル ページネーションの UI には通常、現在のページ、合計ページ、ユーザーがページをめくるためのクリック可能な [前へ] と [次へ] の矢印 / ボタンなどが含まれます。

• It is now possible to apply a dash array to the different parts of the series of the IgrDataChart. You can apply this to the series plotted in the chart, the gridlines of the chart, and the trendlines of the series plotted in the chart.

16.15.1 (December 2021)

Added significant improvements to default behaviors, and refined the Category Chart API to make it easier to use. These new chart improvements include:

• Responsive layouts for horizontal label rotation based on browser / screen size.
• Enhanced rendering for rounded labels on all platforms.
• Added marker properties to StackedFragmentSeries.
• Added ShouldPanOnMaximumZoom property.
• New Category Axis Properties:
  • ZoomMaximumCategoryRange
  • ZoomMaximumItemSpan
  • ZoomToCategoryRange
  • ZoomToItemSpan
• New Chart Aggregation API for Grouping, Sorting and Summarizing Category string and numeric values, eliminating the need to pre-aggregate or calculate chart data:
  • InitialSortDescriptions
  • InitialSorts
  • SortDescriptions
  • InitialGroups
  • InitialGroupDescriptions
  • GroupDescriptions
  • InitialSummaries
  • InitialSummaryDescriptions
  • SummaryDescriptions
  • InitialGroupSortDescriptions
  • GroupSorts
  • GroupSortDescriptions

Chart Aggregation will not work when using IncludedProperties | ExcludedProperties. These properties on the chart are meant for non-aggregated data. Once you attempt to aggregate data these properties should no longer be used. The reason it does not work is because aggregation replaces the collection that is passed to the chart for render. The include/exclude properties are designed to filter in/out properties of that data and those properties no longer exist in the new aggregated collection.

igniteui-react-grids (データ グリッド)

• Changed IgrColumn to IgrDataGridColumn
• Changed GridCellEventArgs to IgrDataGridCellEventArgs
• Changed GridSelectionMode to IgrDataGridSelectionMode
• Changed SummaryOperand to DataSourceSummaryOperand

データ グリッド

igniteui-react-inputs (入力)

• Added the highly-configurable DataLegend component, which works much like the Legend, but it shows values of series and provides many configuration properties for filtering series rows and values columns, styling and formatting values.
• Added the highly-configurable DataToolTip which displays values and titles of series as well as legend badges of series in a tooltip. This is now the default tooltip for all chart types.
• Added animation and transition-in support for Stacked Series. Animations can be enabled by setting the IsTransitionInEnabled property to true. From there, you can set the TransitionInDuration property to determine how long your animation should take to complete and the TransitionInMode to determine the type of animation that takes place.
• Added AssigningCategoryStyle event, is now available to all series in IgrDataChart. This event is handled when you want to conditionally configure aspects of the series items such as Fill background-color and highlighting.
• New AllowedPositions enumeration for CalloutLayer. Used to limit where the callouts are to be placed within the chart. By default, the callouts are intelligently placed in the best place but this used to force for example TopLeft, TopRight, BottomLeft or BottomRight.
• New corner radius properties added for Annotation Layers; used to round-out the corners of each of the callouts. Note, a corner radius has now been added by default.
  • CalloutCornerRadius for CalloutLayer
  • AxisAnnotationBackgroundCornerRadius for FinalValueLayer
  • XAxisAnnotationBackgroundCornerRadius and YAxisAnnotationBackgroundCornerRadius for CrosshairLayer
• New HorizontalViewScrollbarMode and VerticalViewScrollbarMode enumeration to enable scrollbars in various ways. When paired with IsVerticalZoomEnabled or IsHorizontalZoomEnabled, you’ll be able to persist or fade-in and out the scrollbars along the axes to navigate the chart.
• New FavorLabellingScaleEnd, determines whether the axis should favor emitting a label at the end of the scale. Only compatible with numeric axes (e.g. IgrNumericXAxis, IgrNumericYAxis, PercentChangeAxis).
• New IsSplineShapePartOfRange determines whether to include the spline shape in the axis range requested of the axis.
• New XAxisMaximumGap, determines the maximum allowed value for the plotted series when using XAxisGap. The gap determines the amount of space between columns or bars of plotted series.
• New XAxisMinimumGapSize, determines the minimum allowed pixel-based value for the plotted series when using XAxisGap to ensure there is always some spacing between each category.

日付ピッカー

• ValueChanged イベントを SelectedValueChanged に変更しました。

複数列コンボボックス

16.15.0 (November 2021)

igniteui-react-charts (チャート)

このリリースでは、地理マップとすべてのチャート コンポーネントのビジュアル デザインと構成オプションにいくつかの改善と簡素化が導入されています。

• IgrFinancialChart と IgrCategoryChart の YAxisLabelLocation プロパティのタイプを AxisLabelLocation から YAxisLabelLocation に変更しました。
• IgrFinancialChart の AxisLabelLocation から XAxisLabelLocation に XAxisLabelLocation プロパティのタイプを変更しました。
• IgrCategoryChart に XAxisLabelLocation プロパティを追加しました。
• 凡例で IgrGeographicMap の地理的なシリーズを表すためのサポートが追加されました。
• IgrFinancialChart とIgrCategoryChart にデフォルトの十字線を追加しました。
• IgrFinancialChart とIgrCategoryChart にデフォルトの十字線の注釈を追加しました。
• IgrFinancialChart にデフォルトで最終値の注釈を追加しました。
• カテゴリ チャートとファイナンシャル チャートに新しいプロパティを追加しました:
  • 十字線をカスタマイズするための CrosshairsLineThickness およびその他のプロパティ
  • 十字線の注釈をカスタマイズするための CrosshairsAnnotationXAxisBackground およびその他のプロパティ
  • 最終値の注釈をカスタマイズするための FinalValueAnnotationsBackground およびその他のプロパティ
  • シリーズ塗りつぶしの不透明度を変更できる AreaFillOpacity (エリア チャートなど)
  • マーカーの厚さを変更できる MarkerThickness
• カテゴリ チャート、ファイナンシャル チャート、データ チャート、および地理マップに新しいプロパティを追加しました。
  • 同じチャート内の複数のシリーズにどのマーカー タイプを割り当てることができる MarkerAutomaticBehavior
  • 凡例で表されるすべてのシリーズのバッジの形状を設定するための LegendItemBadgeShape
  • 凡例のすべてのシリーズにバッジの複雑さを設定するための LegendItemBadgeMode
• データ チャートと地理マップのシリーズに新しいプロパティを追加しました。
  • 凡例で表される特定のシリーズにバッジの形状を設定するための LegendItemBadgeShape
  • 凡例の特定のシリーズにバッジの複雑さを設定するための LegendItemBadgeMode
• カテゴリ チャートとシリーズで、デフォルトの垂直十字線ストロークを#000000 から #BBBBBB に変更しました。
• 同じチャートにプロットされたすべてのシリーズのマーカーの図形を円に変更しました。これは、チャートの MarkerAutomaticBehavior プロパティを SmartIndexed 列挙値に設定することで元に戻すことができます。
• チャートの凡例のシリーズの簡略化された図形で、円、線、または四角のみを表示します。これは、チャートの LegendItemBadgeMode プロパティを MatchSeries 列挙値に設定することで元に戻すことができます。
• アクセシビリティを向上させるために、すべてのチャートに表示されるシリーズとマーカーのカラー パレットを変更しました

igniteui-react-grids (データ グリッド)

16.14.0 (April 2021)

• Changed ValueChanged event to SelectedValueChanged.

igniteui-react-charts (チャート)

このリリースでは、すべてのチャート コンポーネントに、いくつかの新しく改善されたビジュアル デザインと構成オプションが導入されています。例えば、IgrDataChart、IgrCategoryChart、および IgrFinancialChart。

チャート凡例

• バブル、ドーナツ、および円チャートで使用できる水平方向の Orientation プロパティを ItemLegend に追加しました。
• LegendHighlightingMode プロパティの追加 - 凡例項目にホバーした時にシリーズのハイライト表示を有効にします。

igniteui-react-maps (GeoMap)

• マップの表示を折り返すためのサポートが追加されました (水平方向に無限にスクロールできます)。
• 座標原点を折り返しながら、一部のマップ シリーズの表示をシフトするためのサポートが追加されました。
• シェイプ シリーズのハイライト表示のサポートが追加されました。

igniteui-react-grids (データ グリッド)

• EditOnKeyPress、(別名: Excel スタイルの編集) を追加し、入力するとすぐに編集を開始します。
• EditModeClickAction プロパティを追加しました - デフォルトでは、編集モードに入るにはダブル クリックが必要です。これを SingleClick に設定して、新しいセルを選択するときに編集モードを実行できるようにすることができます。
• IgrEnterKeyBehaviors プロパティの追加 - 別名 Excel スタイル ナビゲーション (Enter 動作) - Enter キーの動作を制御します。たとえば、オプションは none、edit、move up、down、left、right です。
• IgrEnterKeyBehaviorAfterEdit プロパティの追加 - 編集モードでは、このプロパティは Enter キーが押されたときを制御します。例えば、オプションは (下、上、右、左のセルに移動) です。
• SelectAllRows メソッドを追加しました。
• 行範囲の選択を追加しました - GridSelectionMode プロパティを MultipleRow に設定すると、次の新しい機能が含まれるようになりました:
  • クリックしてドラッグし、行を選択します。
  • SHIFT キーを押しながらクリックして、複数の行を選択します。
  • SHIFT キーを押しながら ↑ + ↓ 矢印キーを押して、複数の行を選択します。
• スペース バーを押すと、MultipleRow または SingleRow に設定された GridSelectionMode プロパティを介してアクティブな行の選択が切り替わります。
• 列オプション ダイアログに列集計を追加しました。

igniteui-react-inputs (入力)

日付ピッカー

• ShowTodayButton - 現在の日付のボタンの表示を切り替えます。

• Label - 日付値の上にラベルを追加します。

• Placeholder プロパティ - 値が選択されていない場合にカスタム テキストを追加します。

• FormatString - 入力日付文字列をカスタマイズします。(例: yyyy-MM-dd)

• DateFormat - 選択した日付を LongDate または ShortDate のどちらとして表示するかを指定します。

• FirstDayOfWeek - 週の最初の曜日を指定します。

• FirstWeekOfYear - 年の最初の週をいつ表示するかを指定します。例えば、最初の 1 週間、最初の 4 日間の週です。

• ShowWeekNumbers - 週番号の表示を切り替えます。

• MinDate & MaxDate - 使用可能の選択できる日付の範囲を指定する日付制限。

• アクセシビリティの追加

• Changed Bar/Column/Waterfall series to have square corners instead of rounded corners

• Changed Scatter High Density series’ colors for heat min property from #8a5bb1 to #000000

• Changed Scatter High Density series’ colors for heat max property from #ee5879 to #ee5879

• Changed Financial/Waterfall series’ NegativeBrush and NegativeOutline properties from #C62828 to #ee5879

• Changed marker’s thickness to 2px from 1px

• Changed marker’s fill to match the marker’s outline for IgrPointSeries, IgrBubbleSeries, IgrScatterSeries, IgrPolarScatterSeries. You can use set MarkerFillMode property to Normal to undo this change

• Compressed labelling for the IgrTimeXAxis and IgrOrdinalTimeXAxis

• New Marker Properties:

  • series.MarkerFillMode - Can be set to MatchMarkerOutline so the marker depends on the outline
  • series.MarkerFillOpacity - Can be set to a value 0 to 1
  • series.MarkerOutlineMode - Can be set to MatchMarkerBrush so the marker’s outline depends on the fill brush color

• New Series Property:

  • series.OutlineMode - Can be set to toggle the series outline visibility. Note, for Data Chart, the property is on the series

• New chart properties that define bleed over area introduced into the viewport when the chart is at the default zoom level. A common use case is to provide space between the axes and first/last data points. Note, the ComputedPlotAreaMarginMode, listed below, will automatically set the margin when markers are enabled. The others are designed to specify a Double to represent the thickness, where PlotAreaMarginLeft etc. adjusts the space to all four sides of the chart:

  • chart.PlotAreaMarginLeft
  • chart.PlotAreaMarginTop
  • chart.PlotAreaMarginRight
  • chart.PlotAreaMarginBottom
  • chart.ComputedPlotAreaMarginMode

• New Highlighting Properties

  • chart.HighlightingMode - Sets whether hovered or non-hovered series to fade, brighten
  • chart.HighlightingBehavior - Sets whether the series highlights depending on mouse position e.g. directly over or nearest item
  • Note, in previous releases the highlighting was limited to fade on hover.

• Added Highlighting Stacked, Scatter, Polar, Radial, and Shape series:

• Added Annotation layers to Stacked, Scatter, Polar, Radial, and Shape series:

• Added support for overriding the data source of individual stack fragments within a stacked series

• Added custom style events to Stacked, Scatter, Range, Polar, Radial, and Shape series

• Added support to automatically sync the vertical zoom to the series content

• Added support to automatically expanding the horizontal margins of the chart based on the initial labels displayed

• Redesigned color palette of series and markers:

for example:

16.12.3 (November 2020)

• Added horizontal Orientation property to ItemLegend that can be used with Bubble, Donut, and Pie Chart
• Added LegendHighlightingMode property - Enables series highlighting when hovering over legend items

igniteui-react-grids (データ グリッド)

• PropertyPath の名称変更

16.12.2 (April 2020)

• Added EditOnKeyPress aka Excel-style Editing, instantly begin editing when typing.
• Added EditModeClickAction property - By default double-clicking is required to enter edit mode. This can be set to SingleClick to allow for edit mode to occur when selecting a new cell.
• Added IgrEnterKeyBehaviors property - aka Excel-style Navigation (Enter Behavior) – controls the behavior of the enter key, e.g. Options are (none, edit, move up, down, left, right)
• Added IgrEnterKeyBehaviorAfterEdit property - While in edit-mode, this property controls when enter is pressed, e.g. Options are (moves to the cell below, above, right, left)
• Added SelectAllRows - method.
• Added Row Range Selection - With GridSelectionMode property set to MultipleRow the following new functionality is now included:
  • Click and drag to select rows
  • SHIFT and click to select multiple rows.
  • SHIFT and press the ↑ + ↓ arrow keys to select multiple rows.
• Pressing space bar toggles selection of active row via GridSelectionMode property set to MultipleRow or SingleRow
• Added Column Summaries to Column Options Dialog.

igniteui-react-grids (データ グリッド)

16.11.7

• import ステートメントの変更

16.12.3 (November 2020)

igniteui-react-grids (Data Grid)

• Changed name of PropertyPath

The data grid component property propertyPath has been renamed to field. This applies to all Column types, GroupDescription, SortDescription & SummaryDescription.

 <IgrTextColumn field="Name"/>

import { IgrColumnSummaryDescription, IgrColumnSortDescription, IgrColumnGroupDescription } from 'igniteui-react-data-grids'
const productCount = new IgrColumnSummaryDescription();
productCount.field = "ProductName";
const colSortDesc = new IgrColumnSortDescription();
colSortDesc.field = "UnitsInStock";
const income = new IgrColumnGroupDescription();
income.field = "Income";

16.12.2 (April 2020)

igniteui-react-grids (Data Grid)

• Changed Name of Live Grid

The data grid component and it’s corresponding module’s names have changed from “LiveGrid” to “DataGrid”.

The new code for importing the grid and it’s corresponding module is:

import { IgrDataGrid } from "igniteui-react-data-grids";
import { IgrDataGridModule } from 'igniteui-react-data-grids';

• Required Peer Dependency for Data Grid

The data grid component requires the “inputs” package.

**npm install --save igniteui-react-inputs**

16.11.7

• Changed Import Statements

Import statements have been simplified to use just package names instead of full paths to API classes and enums.

• Code After Changes

Now, you need to use just package names instead of full paths to API classes and enums.

Please also note that the name of the Data Grid component and its corresponding modules have also changed.

// gauges:
import { IgrLinearGauge } from "igniteui-react-gauges";
import { IgrLinearGaugeModule } from "igniteui-react-gauges";
import { IgrLinearGraphRange } from "igniteui-react-gauges";
import { IgrRadialGauge } from 'igniteui-react-gauges';
import { IgrRadialGaugeModule } from 'igniteui-react-gauges';
import { IgrRadialGaugeRange } from 'igniteui-react-gauges';
import { SweepDirection } from 'igniteui-react-core';
// charts:
import { IgrFinancialChart } from 'igniteui-react-charts';
import { IgrFinancialChartModule } from 'igniteui-react-charts';
import { IgrDataChart } from 'igniteui-react-charts';
import { IgrDataChartCoreModule } from 'igniteui-react-charts';
// maps:
import { IgrGeographicMap } from "igniteui-react-maps";
import { IgrGeographicMapModule } from "igniteui-react-maps";
// grids:
import { IgrLiveGrid } from "igniteui-react-data-grids";
import { IgrLiveGridModule } from 'igniteui-react-data-grids';

• Code Before Changes

Before, you had to import using full paths to API classes and enums:

// gauges:
import { IgrLinearGauge } from "igniteui-react-gauges/ES5/igr-linear-gauge";
import { IgrLinearGaugeModule } from "igniteui-react-gauges/ES5/igr-linear-gauge-module";
import { IgrLinearGraphRange } from "igniteui-react-gauges/ES5/igr-linear-graph-range";

import { IgrRadialGauge } from "igniteui-react-gauges/ES5/igr-radial-gauge";
import { IgrRadialGaugeModule } from "igniteui-react-gauges/ES5/igr-radial-gauge-module";
import { IgrRadialGaugeRange } from "igniteui-react-gauges/ES5/igr-radial-gauge-range";
import { SweepDirection } from "igniteui-react-core/ES5/SweepDirection";

// charts:
import { IgrFinancialChart } from "igniteui-react-charts/ES5/igr-financial-chart";
import { IgrFinancialChartModule } from "igniteui-react-charts/ES5/igr-financial-chart-module";
import { IgrDataChart } from "igniteui-react-charts/ES5/igr-data-chart";
import { IgrDataChartCoreModule } from "igniteui-react-charts/ES5/igr-data-chart-core-module";

// maps:
import { IgrGeographicMap } from "igniteui-react-maps/ES5/igr-geographic-map";
import { IgrGeographicMapModule } from "igniteui-react-maps/ES5/igr-geographic-map-module";

// grids:
import { IgrLiveGrid } from "igniteui-react-data-grids/ES5/igr-live-grid";
import { IgrLiveGridModule } from 'igniteui-react-data-grids/ES5/igr-live-grid-module';