Syncfusion Chart SDK Lançamentos

SyncfusionControles do gráficoJavaScript.NETWidget FlutterControle UWP do WindowsControle do Windows WinUI
Versão 2026 Volume 3 (35.1.40) (13 de out. de 2026)

Veja o que há de novo em cada versão, com detalhes sobre recursos, melhorias e problemas solucionados.

jan.
fev.
mar.
abr.
mai.
jun.
jul.
ago.
set.
out.
nov.
dez.
Syncfusion Chart SDK 2026 Volume 3 (35.1.37)Versão principal29 de set. de 2026
Recursos
  • Common
    • New component - The Sunburst Chart component has been added to Blazor.
  • Blazor Sunburst Chart (preview)
    • 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.
  • Web Charts (React, Angular, JavaScript, TypeScript, Vue, ASP.NET Core, ASP.NET MVC)
    • Stacked column with smart data label - Automatic collision handling is now provided for data labels in stacked series, ensuring each label remains clearly readable. Overlapping data labels are detected and relocated to a readable area, while a visual connection from each relocated label to its original data point is maintained through a connector line.
    • WebMCP integration - Charts supports the Web Model Context Protocol (WebMCP), enabling AI models and agents to interact with chart data and visual elements through built-in tools. Write operations require user confirmation, and the beforeWebMcpToolExecute event lets users inspect, modify, or cancel tool execution.
  • Pure React Charts
    • Linear and radial gradient - Apply linear and radial gradient fills across chart elements, including series, indicators, trendlines, markers, trackball, and tooltip markers, for a richer, more polished look that draws attention to key data points and trends.
    • Axis label template - Customize axis labels with templates to render rich content—icons, images, or multiline text—in place of plain text, giving full control over how axis information is presented.
    • Excel and CSV export - Export chart data to Excel or CSV directly from the chart with a single method call, so users can analyze the underlying data offline or share it without leaving the application.
  • Blazor charts
    • Nested doughnut support for accumulation charts - The multi-series pie chart displays multiple datasets as concentric rings within a single chart. This makes it easier to compare data and understand hierarchical relationships. Cross-series legend grouping with the MappingKey feature allows similar categories to be combined into a single legend item, enabling unified interaction across all matching slices. Each series operates independently, supporting tooltips, data labels, highlighting, and selection.
  • .NET MAUI Cartesian Charts
    • Gradients in line series - Apply smooth color transitions to line series using gradient brushes. This feature enhances visual appeal and enables more expressive data representation through customizable gradient effects.
    • Trackball for stacked column series - Allows users to view detailed values through an interactive trackball in stacked column series. Nearest-point, group-all-points, and float-all-points display modes provides flexible options for analyzing and comparing stacked data.
    • Annotation z-order - Control the display order of chart annotations to place them above or below chart series, enabling more flexible and visually organized chart presentations.
    • Axis range styling - Customize the appearance of axis labels, gridlines, and tick lines within specific axis ranges. This feature helps highlight important thresholds, target ranges, and critical data intervals for improved chart readability and analysis.
  • .NET MAUI Polar Charts
    • Accessibility - Improved chart usability for users of assistive technologies by providing better navigation and interaction with chart elements.
    • Axis range style - Customize the appearance of axis labels, gridlines, and tick lines within specific axis ranges. This feature helps highlight important thresholds, target ranges, and critical data intervals for improved chart readability and analysis.
  • Web 3D Charts (React, Angular, JavaScript, TypeScript, Vue, ASP.NET Core, ASP.NET MVC)
    • Stacked column with smart data label - Automatic collision handling is now provided for data labels in stacked series, ensuring each label remains clearly readable. Overlapping data labels are detected and relocated to a readable area, while a visual connection from each relocated label to its original data point is maintained through a connector line.
  • Web Stock Chart (React, Angular, JavaScript, TypeScript, Vue, ASP.NET Core, ASP.NET MVC)
    • Real-time data visualization - Smooth real-time data visualization is now supported through dynamic data operations, historical data navigation, automatic navigator synchronization, axis animations, and navigator series animations. Continuous live data updates can be rendered without visual disruptions while preserving user interactions such as range selection, navigator movement, and zooming.
    • Improved Stock Chart rendering performance - Improved the initial rendering performance of the Stock Chart for large datasets over 500,000 data points. The initial load time has been reduced from approximately 20 seconds to 2.5-3 seconds, providing a faster and more responsive experience while rendering the complete dataset.
  • WPF Charts
    • Multilevel label rotation - Rotate multilevel labels in WPF Charts to improve readability when displaying long text or closely spaced labels on an axis.
    • XPS vector export support - Export the WPF Charts control as XPS (XML Paper Specification) documents. XPS exporting preserves chart content as vector graphics, ensuring sharp and high-quality output at any zoom level or print resolution.
Syncfusion Chart SDK 2026 Volume 2 SP1 (34.2.3)11 de ago. de 2026
Correções
  • Chart
    • Angular
      • Data labels are now positioned correctly when enableRotation is enabled in inverted charts.
    • JavaScript
      • Data labels are now positioned correctly when enableRotation is enabled in inverted charts.
    • React
      • Data labels are now positioned correctly when enableRotation is enabled in inverted charts.
    • TypeScript
      • Data labels are now positioned correctly when enableRotation is enabled in inverted charts.
    • Vue
      • Data labels are now positioned correctly when enableRotation is enabled in inverted charts.
Syncfusion Chart SDK 2026 Volume 2 SP1 (34.2.2)5 de ago. de 2026
Correções
  • .NET MAUI Maps
    • Fixed an issue in SfMaps for .NET MAUI where OpenStreetMap tiles failed to load due to tile access restrictions.
  • UWP Maps
    • Fixed an issue in SfMaps for UWP where OpenStreetMap tiles failed to load due to tile access restrictions.
Syncfusion Chart SDK 2026 Volume 2 (34.1.29)Versão principal6 de jul. de 2026
Recursos
  • Common
    • Production-ready component - The following components have been developed to meet industry standards and are now marked as production-ready for the Chart SDK:
      • Web Sankey Diagram: A powerful visualization tool for understanding flows and relationships within complex systems. It uses interconnected nodes and weighted links to clearly show how quantities move and transform across stages.
      • Blazor Chart Wizard: A guide that simplifies end-to-end chart creation. It analyzes data sources to auto-detect fields, recommends the most suitable chart types, and applies optimized default configurations for layout, styling, and performance. With its intuitive step-by-step workflow and real-time preview, it enables developers to quickly build consistent, high-quality visualizations with minimal manual setup, ensuring faster development and reliable production outcomes.
  • Web Charts (React, Angular, JavaScript, TypeScript, Vue, ASP.NET Core, ASP.NET MVC)
    • Inline DateTime and number formatting in tooltip - Inline DateTime and number formatting within tooltip format strings enables values to be displayed more clearly and readably, such as formatting dates (MMM yyyy, MM:yy) and numbers (n2, c2, n0). This handles invalid formats or values without affecting rendering or template behavior.
  • Web Accumulation Charts (React, Angular, JavaScript, TypeScript, Vue, ASP.NET Core, ASP.NET MVC)
    • Nested doughnut (multi-level) - The multi-series pie chart displays multiple datasets as concentric rings within a single chart. This makes it easier to compare data and understand hierarchical relationships. Cross-series legend grouping with the mappingKey feature allows similar categories to be combined into a single legend item, enabling unified interaction across all matching slices. Each series operates independently, supporting tooltips, data labels, highlighting, and selection.
  • Pure React Charts
    • Stacked and 100% stacked line series - Visualize cumulative values across categories. Stacking groups and percentage normalization provide clear representation of proportional contributions.
    • Range and stacked step area series - Users can visualize data by step. These series display both range-based variations and stacked transitions effectively.
    • Box and whisker series - Box and whisker plots display the distribution of statistical data, including the minimum, maximum, median, quartiles, and outliers.
    • Cylindrical column and bar series - Cylindrical rendering uses column and bar series to provide a visually enhanced, 3D-like appearance.
    • Polar and radar series - Polar and radar chart types display multivariate data in a circular layout, making comparison and analysis more intuitive.
    • Technical indicators - Built-in financial indicators such as ATR, RSI, MACD, Bollinger Bands, SMA, EMA, and Stochastic enable advanced trend analysis and financial visualization.
    • Scrollbars - Integrated scrollbars enable efficient navigation across large datasets, ensuring smooth interaction and seamless coordination with zooming.
    • Series labels - Display each series name directly in the chart area to improve readability when multiple series are rendered.
    • Last-value labels - Last-value labels display the final data point for each series with customizable formatting.
    • No-data template - A no-data template displays a customizable message or UI when the data source is empty.
    • Range color mapping - Range color mapping uses color variations based on value ranges or conditions to highlight patterns and improve data interpretation.
    • Multilevel labels - Display hierarchical axis labels across multiple levels, enabling better grouping and improved readability of categorical data.
  • Blazor Charts
    • Series labels - Series-level labels can now be displayed directly on charts with configurable position and appearance options. This feature enhances chart readability and data clarity by enabling developers to annotate series without relying on separate legend elements. Label alignment, formatting, and visibility can be customized for each series.
    • No riser for step line and step area series - Introduced the no-riser option, which removes vertical transitions in step charts to display only horizontal segments. This improves readability, emphasizes value continuity, and reduces visual clutter while supporting all step positions (left, right, center).
  • .NET MAUI Cartesian Charts
    • Point color mapping - Point color mapping allows users to assign per-point colors directly from the data source using brush, color, or hex values.
    • Multilevel labels - Multilevel labels enable the hierarchical categorization of axis data. This feature improves data organization and clarity when working with complex data.
  • Web Stock Chart (React, Angular, JavaScript, TypeScript, Vue, ASP.NET Core, ASP.NET MVC)
    • Indicator events - Indicator events in Stock Charts enable users to detect and control add and remove operations triggered through the built-in toolbar. The before indicator change event allows canceling an indicator mutation before it is applied, while the indicator changed event is triggered after a successful indicator update.
  • Web Range Selector (React, Angular, JavaScript, TypeScript, Vue, ASP.NET Core, ASP.NET MVC)
    • New series types - The Range Selector supports spline, spline area, and column series types, expanding the visualization options for range-based data selection. Spline displays smoother trend lines, spline area emphasizes variations over a continuous range, and column represents values as distinct vertical bars within the navigator. This enhancement provides greater flexibility for building financial dashboards, analytical reports, and time-series applications, helping users interpret data more effectively through the most suitable visual representation.