Ignite UI for Angular 変更ログ

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

• Ignite UI for Angular 変更ログ (GitHub)

21.0.1 (March 2026)

機能拡張

igniteui-angular-charts

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

バグ修正

機能拡張

igniteui-angular-charts

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

21.0.0 (January 2026)

機能拡張

igniteui-angular-charts

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

一般

• Angular 21 のサポート。

20.2.1 (December 2025)

バグ修正

機能拡張

チャート

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

• プロパティの有効な値を見つけやすくするために、より多くの項目を考慮するようにスキーマ生成を調整しました。

20.2.0 (November 2025)

igniteui-angular-charts (チャート)

Preview ユーザー注釈

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

これは、Toolbar のデフォルトのツールと統合されています。

Preview 軸注釈の衝突検出

軸注釈が自動で衝突を検出し、適切に収まるよう切り詰めます。この機能を有効にするには、次のプロパティを設定します:

• ShouldAvoidAnnotationCollisions
• ShouldAutoTruncateAnnotations

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

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

バグ修正

20.1.0 (September 2025)

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

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

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

注: Bing マップ画像のサポートは段階的に廃止されます。既存のエンタープライズ キーは引き続き Bing Maps にアクセスするために利用できるため、Azure Maps へ移行する間も現在のアプリケーションをそのまま利用可能です。

公開されている Azure Maps の一部はこちらをご覧ください。

igniteui-angular-charts (チャート)

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

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

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

Preview 対応軸

X 軸と Y 軸に CompanionAxis プロパティが追加され、既存の軸を簡単に複製できるようになりました。CompanionAxisEnabled プロパティを有効にすると、複製された軸はチャートの反対側に配置され、そこから各軸プロパティを設定できます。

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

RadialPieSeries のアウトライン レンダリング方法を制御するために UseInsetOutlines プロパティが追加されました。true に設定すると、アウトラインがスライス形状の内側に描画され、false (既定値) に設定すると、アウトラインはスライス形状の端に半分内側・半分外側で描画されます。

重大な変更

• IgxChartMouseEventArgs クラスの PlotAreaPosition プロパティと ChartPosition プロパティが逆になっている問題が修正されました。これにより、PlotAreaPosition と ChartPosition が返す値が変更されます。

機能拡張

IgxBulletGraph

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

チャート

• DataToolTipLayer、ItemToolTipLayer、CategoryToolTipLayer にスタイル設定用の新しいプロパティが追加されました: ToolTipBackground、ToolTipBorderBrush、および ToolTipBorderThickness。

• DataLegend にスタイル設定用の新しいプロパティが追加されました: ContentBackground、ContentBorderBrush、および ContentBorderThickness。ContentBorderBrush と ContentBorderThickness はそれぞれ既定で transparent と 0 に設定されているため、境界線を表示するにはこれらのプロパティを設定する必要があります。

• マウスのワールド相対位置を提供する WorldPosition という新しいプロパティが IgxChartMouseEventArgs に追加されました。この位置は、軸空間内の X 軸と Y 軸の両方に対して 0 から 1 の間の値になります。

• SeriesViewer と DomainChart に HighlightingFadeOpacity が追加されました。ハイライト表示されたシリーズに適用される不透明度を設定できます。

• ドメイン チャートの CalloutLabelUpdating イベントを公開しました。

IgxLinearGauge

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

バグ修正

20.0.1 (August 2025)

バグ修正

igniteui-angular-charts (チャート)

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

20.0.0 (June 2025)

• Angular 20 のサポート。

19.0.1 (February 2025)

igniteui-angular-maps 地理マップ

Microsoft Bing ブログ

igniteui-angular-charts (チャート)

• Preview チャート データ注釈レイヤーを追加しました:

  • データ注釈バンド レイヤー
  • データ注釈ライン レイヤー
  • データ注釈矩形レイヤー
  • データ注釈スライス レイヤー
  • データ注釈ストリップ レイヤー

• データ ツールチップとデータ 凡例では、ツールチップまたは凡例のコンテンツをテーブルまたは垂直レイアウト構造でレイアウトするために使用できる Preview LayoutMode プロパティが公開されています。

• Preview チャートの DefaultInteraction プロパティが更新され、新しい列挙体 DragSelect が含まれるようになりました。これにより、ドラッグされたプレビュー Rect は、その中に含まれるポイントを選択します。 (ベータ版)

• Preview ValueOverlay と ValueLayer は、上記にリストした Preview チャート データ注釈に加えて、プロット領域に追加の注釈テキストをオーバーレイするために使用できる OverlayText プロパティを公開するようになりました。これらの注釈の外観は、OverlayText プレフィックスが付いた多くのプロパティを使用して構成できます。たとえば、OverlayTextBrush プロパティはオーバーレイ テキストの色を構成します。 (ベータ版)

• New トレンドライン レイヤー シリーズ タイプを使用すると、トレンド ライン レイヤーごとに 1 つのトレンド ラインを特定のシリーズに適用できます。これにより、チャートに複数の TrendlineLayer シリーズ タイプを使用できるため、単一のシリーズで複数のトレンド ラインを使用できるようになります。

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

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

igniteui-angular

重大な変更

• ‘igniteui-angular-grids’ パッケージの名前が ‘igniteui-angular-data-grids’ に変更されました。

機能拡張

Toolbar

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

Data Pie Chart

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

バグ修正

19.0.1 (February 2025)

機能拡張

Toolbar

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

バグ修正

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

19.0.0 (January 2025)

• Angular 19 のサポート。

18.2.0 (December 2024)

igniteui-angular-charts (チャート)

• Preview Dashboard Tile コンポーネントは、バインドされた ItemsSource コレクションまたは単一のポイントを分析および視覚化し、データのスキーマとカウントに基づいて適切なデータ視覚化を返すコンテナー コントロールです。このコントロールは、組み込みの Toolbar コンポーネントを利用して、実行時に視覚化を変更できるようにし、最小限のコードでデータのさまざまな視覚化を表示できるようにします。

igniteui-angular-charts (入力)

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

18.1.0 (September 2024)

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

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

• Toolbar

  • 新しい ToolActionCheckboxList 選択用のチェックボックスを備えた項目のコレクションを表示する新しい CheckboxList ToolAction。ToolAction CheckboxList 内のグリッドの高さは 5 項目まで大きくなり、その後スクロールバーが表示されます。 IgxCheckboxListModule を登録する必要があります。

  • 新しいフィルタリングのサポート

  • 軸フィールドの変更 CategoryChart をターゲットにする場合のツールバーの新しいデフォルトの IconMenu。 ラベル フィールドは X 軸にマップされ、値フィールドは Y 軸にマップされます。 ターゲット チャートは、行われた変更にリアルタイムで反応します。チャートに ItemsSource が設定されていない場合、IconMenu は非表示になります。

18.0.0 (June 2024)

• Angular 18 のサポート。

igniteui-angular-charts (チャート)

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

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

• ツリーマップのハイライト表示 - ツリー マップの項目のマウスオーバーによるハイライト表示を構成できる HighlightingMode プロパティが公開されました。このプロパティには 2 つのオプションがあります: Brighten では、マウスを置いた項目にのみハイライト表示が適用され、FadeOthers では、マウスホバーした項目のハイライト表示はそのままで、それ以外はすべてフェードアウトします。このハイライト表示はアニメーション化されており、HighlightingTransitionDuration プロパティを使用して制御できます。

• ツリーマップのパーセントベースのハイライト表示 - 新しいパーセントベースのハイライト表示により、ノードはコレクションの進行状況またはサブセットを表すことができます。外観は、データ項目のメンバーによって、または新しい HighlightedItemsSource を指定することによって、特定の値までの背景色の塗りつぶしとして表示されます。HighlightedValuesDisplayMode で切り替えることができ、FillBrushes でスタイルを設定できます。

• Toolbar - 選択した特定のツールの周囲に境界線を描くための ToolAction の新しい IsHighlighted オプション。

igniteui-angular-gauges (ゲージ)

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

18.0.0 (June 2024)

igniteui-angular-charts (チャート)

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

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

igniteui-angular-gauges (ゲージ)

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

17.3.0 (March 2024)

igniteui-angular-charts

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

igniteui-angular-gauges

17.2.0 (January 2024)

• Save tool action has been added to save the chart to an image via the clipboard.
• Vertical orientation has been added via the toolbar’s Orientation property. By default the toolbar is horizontal, now the toolbar can be shown in vertical orientation where the tools will popup to the left/right respectfully.
• Custom SVG icons support was added via the toolbar’s renderImageFromText method, further enhancing custom tool creation.

igniteui-angular-charts (チャート)

17.0.0 (November 2023)

• Preview Toolbar - This component is a companion container for UI operations to be used primarily with our charting components. The toolbar will dynamically update with a preset of properties and tool items when linked to our DataChart or CategoryChart components. You’ll be able to create custom tools for your project allowing end users to provide changes, offering an endless amount of customization.

igniteui-angular - Toolbar - Preview

• クリップボードを介してチャートを画像に保存するための保存ツール アクションが追加されました。

• ツールバーの Orientation プロパティを介して垂直方向が追加されました。デフォルトでは、ツールバーは水平方向ですが、ツールバーを垂直方向に表示できるようになり、ツールが左右にポップアップ表示されます。

• ツールバーの renderImageFromText メソッドを介してカスタム SVG アイコンのサポートが追加され、カスタム ツールの作成がさらに強化されました。

• It is now possible to apply a dash array to the different parts of the series of the DataChart. 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.1.0 (June 2023)

• Angular 16 support.

新しいコンポーネント

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

igniteui-angular-charts (チャート)

• ValueLayer - ValueLayer という名前の新しいシリーズ タイプが公開されました。これにより、Maximum、Minimum、Average など、プロットされたデータのさまざまな焦点のオーバーレイを描画できます。これは、新しい ValueLines コレクションに追加することで、CategoryChart と FinancialChart に適用されます。

• ダッシュ配列を DataChart のシリーズのさまざまな部分に適用できるようになりました。これは、チャートにプロットされたシリーズ、チャートのグリッド線、およびチャートにプロットされたシリーズのトレンドラインに適用できます。

16.0.0 (May 2023)

15.0.0 (December 2022)

• Angular 15 のサポート。

14.2.0 (November 2022)

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

13.2.0 (June 2022)

This release introduces a few improvements and simplifications to visual design and configuration options for the geographic map and all chart components.

• Changed YAxisLabelLocation property’s type to YAxisLabelLocation from AxisLabelLocation in FinancialChart and CategoryChart
• Changed XAxisLabelLocation property’s type to XAxisLabelLocation from AxisLabelLocation in FinancialChart
• Added XAxisLabelLocation property to CategoryChart
• Added support for representing geographic series of GeographicMap in a legend
• Added crosshair lines by default in FinancialChart and CategoryChart
• Added crosshair annotations by default in FinancialChart and CategoryChart
• Added final value annotation by default in FinancialChart
• Added new properties in Category Chart and Financial Chart:
  • CrosshairsLineThickness and other properties for customizing crosshairs lines
  • CrosshairsAnnotationXAxisBackground and other properties for customizing crosshairs annotations
  • FinalValueAnnotationsBackground and other properties for customizing final value annotations
  • AreaFillOpacity that allow changing opacity of series fill (e.g. Area chart)
  • MarkerThickness that allows changing thickness of markers
• Added new properties in Category Chart, Financial Chart, Data Chart, and Geographic Map:
  • MarkerAutomaticBehavior that allows which marker type is assigned to multiple series in the same chart
  • LegendItemBadgeShape for setting badge shape of all series represented in a legend
  • LegendItemBadgeMode for setting badge complexity on all series in a legend
• Added new properties in Series in Data Chart and Geographic Map:
  • LegendItemBadgeShape for setting badge shape on specific series represented in a legend
  • LegendItemBadgeMode for setting badge complexity on specific series in a legend
• Changed default vertical crosshair line stroke from #000000 to #BBBBBB in category chart and series
• Changed shape of markers to circle for all series plotted in the same chart. This can be reverted by setting chart’s MarkerAutomaticBehavior property to SmartIndexed enum value
• Simplified shapes of series in chart’s legend to display only circle, line, or square. This can be reverted by setting chart’s LegendItemBadgeMode property to MatchSeries enum value
• Changed color palette of series and markers displayed in all charts to improve accessibility

igniteui-angular-charts (チャート)

13.1.0 (November 2021)

• 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 PointSeries, BubbleSeries, ScatterSeries, PolarScatterSeries. You can use set MarkerFillMode property to Normal to undo this change
• Compressed labelling for the TimeXAxis and OrdinalTimeXAxis
• 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:

igniteui-angular-charts (チャート)

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

11.2.0 (April 2021)

• Added support for wrap around display of the map (scroll infinitely horizontally)
• Added support for shifting display of some map series while wrapping around the coordinate origin
• Added support for highlighting of the shape series
• Added support for some annotation layers for the shape series

igniteui-angular-charts (チャート)

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

• 棒/縦棒/ウォーターフォール シリーズを、角丸ではなく角が四角になるように変更しました。
• heat min プロパティの 散布高密度シリーズの色を #8a5bb1 から #000000 に変更しました。
• heat max プロパティの 散布高密度シリーズの色を #ee5879 から #ee5879 に変更しました。
• ファイナンシャル/ウォーターフォール シリーズの NegativeBrush および NegativeOutline プロパティを #C62828 から #ee5879 に変更しました。
• マーカーの厚さを 1px から 2px に変更しました。
• PointSeries、BubbleSeries、ScatterSeries、PolarScatterSeries のマーカーのアウトラインに一致するようにマーカーの塗りつぶしを変更しました。MarkerFillMode プロパティを Normal に設定すると、この変更を元に戻すことができます。
• TimeXAxis および OrdinalTimeXAxis のラベリングを圧縮しました。
• 新しいマーカー プロパティ:
  • series.MarkerFillMode - マーカーがアウトラインに依存するように、MatchMarkerOutline に設定できます。
  • series.MarkerFillOpacity - 0〜1 の値に設定できます。
  • series.MarkerOutlineMode - マーカーのアウトラインが塗りブラシの色に依存するように、MatchMarkerBrush に設定できます。
• 新シリーズプロパティ:
  • series.OutlineMode - シリーズ アウトラインの表示を切り替えるように設定できます。データ チャートの場合、プロパティはシリーズ上にあることに注意してください。
  • チャートがデフォルトのズーム レベルにあるときにビューポートに導入されるブリード オーバー領域を定義する新しいチャート プロパティを追加しました。一般的な使用例では、軸と最初/最後のデータ ポイントの間にスペースを提供します。以下にリストされている ComputedPlotAreaMarginMode は、マーカーが有効になっているときに自動的にマージンを設定することに注意してください。その他は、厚さを表す Double を指定するように設計されており、PlotAreaMarginLeft などがチャートの 4 辺すべてにスペースを調整します:
  • chart.PlotAreaMarginLeft
  • chart.PlotAreaMarginTop
  • chart.PlotAreaMarginRight
  • chart.PlotAreaMarginBottom
  • chart.ComputedPlotAreaMarginMode
• 新しいハイライト表示プロパティ:
  • chart.HighlightingMode - ホバーされたシリーズとホバーされていないシリーズをフェードまたは明るくするかを設定します。
  • chart.HighlightingBehavior - 真上または最も近い項目など、マウスの位置に応じてシリーズをハイライト表示するかどうかを設定します。
  • 以前のリリースでは、ハイライト表示はホバー時にフェードするように制限されていたことに注意してください。
• 積層型、散布図、極座標、ラジアル、図形シリーズにハイライト表示を追加しました。
• 積層型、散布図、極座標、ラジアル、図形注釈レイヤーを追加しました。
• 積層型シリーズ内の個々の積層フラグメントのデータ ソースをオーバーライドするためのサポートが追加されました。
• 積層型、散布、範囲、極座標、ラジアル、シェイプ シリーズにカスタム スタイルのイベントを追加しました。
• 垂直ズームをシリーズ コンテンツに自動的に同期するサポートが追加されました。
• 表示された最初のラベルに基づいてチャートの水平マージンを自動的に拡張するサポートが追加されました。
• シリーズとマーカーの再設計されたカラー パレット:

例:

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 { IgxLinearGauge } from "igniteui-angular-gauges";
import { IgxLinearGaugeModule } from "igniteui-angular-gauges";
import { IgxLinearGraphRange } from "igniteui-angular-gauges";
import { IgxRadialGauge } from 'igniteui-angular-gauges}';
import { IgxRadialGaugeModule } from 'igniteui-angular-gauges';
import { IgxRadialGaugeRange } from 'igniteui-angular-gauges';
import { SweepDirection } from 'igniteui-angular-core';
// charts:
import { IgxFinancialChartComponent } from "igniteui-angular-charts";
import { IgxFinancialChartModule } from "igniteui-angular-charts";
import { IgxDataChartComponent } from "igniteui-angular-charts";
import { IgxDataChartCoreModule } from "igniteui-angular-charts";
// maps:
import { IgxGeographicMapComponent } from "igniteui-angular-maps";
import { IgxGeographicMapModule } from "igniteui-angular-maps";

• Code Before Changes

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

// gauges:
import { IgxLinearGaugeComponent } from 'igniteui-angular-gauges/ES5/igx-linear-gauge-component';
import { IgxLinearGaugeModule } from 'igniteui-angular-gauges/ES5/igx-linear-gauge-module';
import { IgxLinearGraphRange } from 'igniteui-angular-gauges/ES5/igx-linear-graph-range';

import { IgxRadialGaugeComponent } from "igniteui-angular-gauges/ES5/igx-radial-gauge-component";
import { IgxRadialGaugeModule } from "igniteui-angular-gauges/ES5/igx-radial-gauge-module";
import { IgxRadialGaugeRange } from "igniteui-angular-gauges/ES5/igx-radial-gauge-range";
import { SweepDirection } from "igniteui-angular-core/ES5/SweepDirection";

// charts:
import { IgxFinancialChartComponent } from "igniteui-angular-charts/ES5/igx-financial-chart-component";
import { IgxFinancialChartModule } from "igniteui-angular-charts/ES5/igx-financial-chart-module";
import { IgxDataChartComponent } from "igniteui-angular-charts/ES5/igx-data-chart-component";
import { IgxDataChartCoreModule } from "igniteui-angular-charts/ES5/igx-data-chart-core-module";

// maps:
import { IgxGeographicMapComponent } from "igniteui-angular-maps/ES5/igx-geographic-map-component";
import { IgxGeographicMapModule } from "igniteui-angular-maps/ES5/igx-geographic-map-module";