Essential Studio® for Chart SDK - v35.1.37 Release Notes
Web 3D Charts
Features
Applies To: React, Angular, JavaScript, TypeScript, Vue, ASP.NET Core, and ASP.NET MVC.
-
#I796801- Smart Label support: Added smart label support for StackingColumn and StackingBar series in the 3D Chart control. This feature automatically relocates overlapping data labels and supports smart label customization through thesmartLabelSettingsproperty, including background, border, connector line, pointer shape, and offset settings.
| Platform | API |
|---|---|
| React | Link |
| Angular | Link |
| JavaScript | Link |
| TypeScript | Link |
| Vue | Link |
| ASP.NET Core | Link |
| ASP.NET MVC | Link |
-
#I862185- Added support for accessing the underlying data object of a specific series point through thetooltipRenderevent arguments using therawDataproperty.
| Platform | tooltipRender API | rawData API |
|---|---|---|
| React | Link | Link |
| Angular | Link | Link |
| JavaScript | Link | Link |
| TypeScript | Link | Link |
| Vue | Link | Link |
Web 3D Circular Charts
Features
Applies To: React, Angular, JavaScript, TypeScript, Vue, ASP.NET Core, and ASP.NET MVC.
-
#I862185- Added support for accessing the underlying data object of a specific series point through thetooltipRenderevent arguments using therawDataproperty.
| Platform | tooltipRender API | rawData API |
|---|---|---|
| React | Link | Link |
| Angular | Link | Link |
| JavaScript | Link | Link |
| TypeScript | Link | Link |
| Vue | Link | Link |
Blazor Accumulation Charts
Features
- Nested doughnut: Added support for multiple pie series, enabling nested doughnut charts with concentric rings. This enhancement allows you to represent hierarchical or grouped data more effectively and compare multiple datasets within a single visualization. Explore demo
Web Accumulation Charts
Features
Applies To: React, Angular, JavaScript, TypeScript, Vue, ASP.NET Core, and ASP.NET MVC.
-
#I862185- Added support for accessing the underlying data object of a specific series point through thetooltipRenderevent arguments using therawDataproperty.
| Platform | tooltipRender API | rawData API |
|---|---|---|
| React | Link | Link |
| Angular | Link | Link |
| JavaScript | Link | Link |
| TypeScript | Link | Link |
| Vue | Link | Link |
Web Charts
Features
Applies To: React, Angular, JavaScript, TypeScript, Vue, ASP.NET Core, and ASP.NET MVC.
-
Web Model Context Protocol (WebMCP): Added support for WebMCP, enabling AI models and agents to interact with files and folders through built-in tools. The
beforeWebMcpToolExecuteevent allows users to inspect, modify, or cancel tool execution before it runs.
| Platform | API |
|---|---|
| React | Link |
| Angular | Link |
| JavaScript | Link |
| TypeScript | Link |
| Vue | Link |
| ASP.NET Core | Link |
| ASP.NET MVC | Link |
-
#I822390- Smart Label support: Added smart label support for StackingColumn, StackingBar, StackingColumn100, and StackingBar100 series in the Chart control. This feature automatically relocates overlapping data labels and provides customization options through thesmartLabelSettingsproperty, including background, border, connector line, pointer shape, and offset settings.
| Platform | API |
|---|---|
| React | Link |
| Angular | Link |
| JavaScript | Link |
| TypeScript | Link |
| Vue | Link |
| ASP.NET Core | Link |
| ASP.NET MVC | Link |
-
#I862341- LegendRender event: Enhanced thelegendRenderevent by including the associated series in the event arguments. This improvement enables users to access the corresponding series directly from the legend item during rendering. It facilitates advanced customization scenarios such as modifying legend text, styling legend items based on series properties, and implementing custom rendering logic.
| Platform | API |
|---|---|
| React | Link |
| Angular | Link |
| JavaScript | Link |
| TypeScript | Link |
| Vue | Link |
| ASP.NET Core | Link |
| ASP.NET MVC | Link |
-
#I862185- Added support for accessing the underlying data object of a specific series point through thetooltipRenderevent arguments using therawDataproperty.
| Platform | tooltipRender API | rawData API |
|---|---|---|
| React | Link | Link |
| Angular | Link | Link |
| JavaScript | Link | Link |
| TypeScript | Link | Link |
| Vue | Link | Link |
Bug Fixes
Applies To: React, Angular, JavaScript, TypeScript, Vue, ASP.NET Core, and ASP.NET MVC.
-
#I871749- Resolved an exception that occurred when disabling the legend dynamically after rendering an empty chart and refreshing the series. -
#I870812- The scrollbar now renders correctly whenenableRtlandenableZoomare enabled on the horizontal axis.
| Platform | enableRtl API | enableZoom API |
|---|---|---|
| React | Link | Link |
| Angular | Link | Link |
| JavaScript | Link | Link |
| TypeScript | Link | Link |
| Vue | Link | Link |
-
#I869843- Added support for rendering stacking labels for zero values andnullvalues treated as zero in StackingColumn charts.
.NET MAUI SfCartesianChart
Features
-
FB49487- AddedGradient support for line based seriesto apply smooth color transitions along series strokes using gradient brushes. -
Provided
Accessibility supportto improve chart navigation and interaction through assistive technologies. -
FB51124-ExtendedTrackball support to stacked column serieswith nearest point, group all points, and float all points display modes for flexible data inspection and comparison. -
Added
Legend title supportto display a descriptive header for the chart legend using text or custom views, providing additional context for legend items. -
FB59269- IntroducedAnnotation Z-order supportthrough theZIndexproperty, enabling precise control over annotation layering relative to chart series and other annotations. -
Enabled
Axis Range Style supportto apply custom styling to labels, grid lines, and tick lines within specific axis ranges, helping emphasize important data regions and thresholds.
.NET MAUI SfCircularChart
Features
-
Provided
Accessibility supportto improve chart navigation and interaction through assistive technologies. -
Added
Legend title supportto display a descriptive header for the chart legend using text or custom views, providing additional context for legend items.
.NET MAUI SfFunnelChart
Features
-
Provided
Accessibility supportto improve chart navigation and interaction through assistive technologies. -
Added
Legend title supportto display a descriptive header for the chart legend using text or custom views, providing additional context for legend items.
.NET MAUI SfPolarChart
Features
-
Provided
Accessibility supportto improve chart navigation and interaction through assistive technologies. -
Added
Legend title supportto display a descriptive header for the chart legend using text or custom views, providing additional context for legend items. -
Enabled
Axis Range Style supportto apply custom styling to labels, grid lines, and tick lines within specific axis ranges, helping emphasize important data regions and thresholds.
.NET MAUI SfPyramidChart
Features
-
Provided
Accessibility supportto improve chart navigation and interaction through assistive technologies. -
Added
Legend title supportto display a descriptive header for the chart legend using text or custom views, providing additional context for legend items.
Web StockChart
Features
Applies To: React, Angular, JavaScript, TypeScript, Vue, ASP.NET Core, and ASP.NET MVC.
-
Live Data Point: Added live update support in the Stock Chart control using the
addPointandsetDatamethods. This feature allows users to add new data points in real time and update existing points dynamically, ensuring smooth visualization of continuously changing stock market data with improved performance and responsiveness.
| Platform | addPoint API | setData API |
|---|---|---|
| React | Link | Link |
| Angular | Link | Link |
| JavaScript | Link | Link |
| TypeScript | Link | Link |
| Vue | Link | Link |
| ASP.NET Core | Link | Link |
| ASP.NET MVC | Link | Link |
- Performance for StockChart: Improved the initial rendering performance of the Stock Chart control for large data sets. Optimizations in series processing, point rendering, and chart initialization have reduced the rendering time for 500,000 data points from ~20 seconds to 3–4 seconds. This enhancement significantly improves chart loading speed, reduces UI latency, and ensures a more responsive experience when visualizing large-scale financial data.
Blazor Sunburst Chart preview
Features
The Sunburst Chart component visualizes multilevel hierarchical data as concentric rings, where the arc length of each segment encodes its value. Users can click a slice to drill down into its underlying levels, and built-in highlight and selection interactions make individual slices easy to emphasize.
Key features
- Multilevel visualization: Hierarchical data is rendered as concentric rings, with arc length encoding each value.
- Drill down: Click a slice to drill down into its underlying levels.
- Highlight and selection: Built-in highlight and selection support.
- Theming: Data labels, multilevel tooltips, title, subtitle, legend, and borders fully support themes.
- Smart tooltip fill: The tooltip fill automatically follows the active theme, with a dark fallback when no theme is applied.
WPF SfChart
Features
-
Added
Multi-level label rotation support, allowing multi-level axis labels to be rotated for improved readability and better space utilization. -
Introduced
XPS vector export support, enabling charts to be exported as high-quality vector documents for crisp printing and scalable viewing.
Test Results
| Component Name | Platform | Test Cases | Passed | Failed | Remarks |
|---|---|---|---|---|---|
| Charts | Blazor | 7716 | 7716 | 0 | All Passed |
| Chart | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 8748 | 8748 | 0 | All Passed |
| Charts | WPF | 2964 | 2964 | 0 | All Passed |
| Chart | Windows Forms | 964 | 964 | 0 | All Passed |
| 3DChart | Blazor | 376 | 376 | 0 | All Passed |
| 3D Chart | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 326 | 326 | 0 | All Passed |
| 3D Circular Chart | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 466 | 466 | 0 | All Passed |
| Circular Charts | .NET MAUI | 35 | 35 | 0 | All Passed |
| Circular Chart | Flutter | 544 | 544 | 0 | All Passed |
| StockChart | Blazor | 377 | 377 | 0 | All Passed |
| Stock Chart | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 581 | 581 | 0 | All Passed |
| Sunburst Chart | WPF | 185 | 185 | 0 | All Passed |
| Sunburst Charts | .NET MAUI | 858 | 858 | 0 | All Passed |
| Pivot Chart | Windows Forms | 124 | 124 | 0 | All Passed |
| CircularGauge | Blazor | 1026 | 1026 | 0 | All Passed |
| CircularGauge | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 532 | 532 | 0 | All Passed |
| Circular Gauge | WPF | 305 | 305 | 0 | All Passed |
| LinearGauge | Blazor | 802 | 802 | 0 | All Passed |
| LinearGauge | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 428 | 428 | 0 | All Passed |
| Linear Gauge | WPF | 27 | 27 | 0 | All Passed |
| Linear Gauge | WinUI | 1184 | 1184 | 0 | All Passed |
| Linear Gauge | Windows Forms | 58 | 58 | 0 | All Passed |
| Lineaar Gauge | .NET MAUI | 668 | 668 | 0 | All Passed |
| Linear gauge | Flutter | 1293 | 1293 | 0 | All Passed |
| Radial Gauge | WinUI | 397 | 397 | 0 | All Passed |
| Radial Gauge | Windows Forms | 89 | 89 | 0 | All Passed |
| Radial Gauge | .NET MAUI | 583 | 583 | 0 | All Passed |
| Radial Gauge | Flutter | 3124 | 3124 | 0 | All Passed |
| Digital Gauge | Windows Forms | 7 | 7 | 0 | All Passed |
| Digital Gauge | .NET MAUI | 108 | 108 | 0 | All Passed |
| HeatMap | Blazor | 422 | 422 | 0 | All Passed |
| HeatMap Chart | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 814 | 814 | 0 | All Passed |
| Maps | Blazor | 1791 | 1791 | 0 | All Passed |
| Maps | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 1399 | 1399 | 0 | All Passed |
| Maps | WPF | 1679 | 1679 | 0 | All Passed |
| Maps | .NET MAUI | 1835 | 1835 | 0 | All Passed |
| Maps | Flutter | 427 | 427 | 0 | All Passed |
| RangeNavigator | Blazor | 227 | 227 | 0 | All Passed |
| RangeNavigator | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 140 | 140 | 0 | All Passed |
| Range selector | .NET MAUI | 15 | 15 | 0 | All Passed |
| Range selector | Flutter | 331 | 331 | 0 | All Passed |
| SmithChart | Blazor | 263 | 263 | 0 | All Passed |
| SmithChart | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 49 | 49 | 0 | All Passed |
| Smith Chart | WPF | 976 | 976 | 0 | All Passed |
| Sparkline | Blazor | 229 | 229 | 0 | All Passed |
| Sparkline | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 58 | 58 | 0 | All Passed |
| Spark Line Chart | Flutter | 128 | 128 | 0 | All Passed |
| BarcodeGenerator | Blazor | 533 | 533 | 0 | All Passed |
| Barcode | WinUI | 293 | 293 | 0 | All Passed |
| Barcode Generator | .NET MAUI | 1763 | 1763 | 0 | All Passed |
| Barcode Generator | Flutter | 522 | 522 | 0 | All Passed |
| TreeMap | Blazor | 776 | 776 | 0 | All Passed |
| Treemap | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 332 | 332 | 0 | All Passed |
| TreeMap | WPF | 744 | 744 | 0 | All Passed |
| TreeMap | .NET MAUI | 457 | 457 | 0 | All Passed |
| Treemap | Flutter | 198 | 198 | 0 | All Passed |
| Bulletchart | Blazor | 255 | 255 | 0 | All Passed |
| Bullet Chart | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 169 | 169 | 0 | All Passed |
| DashboardLayout | Blazor | 298 | 298 | 0 | All Passed |
| Dashboard layout | Web(Javascript, Angular, React, Vue, ASP.NET Core & MVC) | 33 | 33 | 0 | All Passed |