Nouvelles JavaScript / HTML5

Filtrez et regroupez les données dans les applications de feuille de calcul Angular

Décembre 19, 2023
Le filtrage et le regroupement des données permettent aux utilisateurs des feuilles de calcul de gérer et d’analyser, avec efficacité et facilement, des jeux de données volumineux.

Data filtering and grouping are key spreadsheet features that allow users to manage and analyze large datasets efficiently. Filtering enables users to hide data that does not meet certain criteria, making it easier to focus on relevant information. Grouping clusters related data together, which can then be summarized with functions such as sum, average, and count. These features are vital for working with extensive spreadsheets, enabling users to simplify their view, and gain insights from specific subsets of data.

Several Angular Spreadsheet components provide data filtering and grouping support including:

  • Jspreadsheet Pro supports navigating large datasets with ease using multi-level filtering and summarize key trends with dynamic group summaries.
  • Syncfusion Spreadsheet JavaScript (part of Syncfusion Essential Studio) allows you to gain insights and enhance understanding with nested grouping.
  • Infragistics Spreadsheet Angular (part of Infragistics Ignite UI) lets you simplify data exploration with drag-and-drop grouping and aggregate functions for instant summaries.
  • SpreadJS by MESCIUS supports crafting precise filters using advanced formulas and grouping data by multiple criteria for deeper analysis.

For an in-depth analysis of features and price, visit our Angular Spreadsheet Component comparison.

Compare Angular Spreadsheet Components

Améliorez les graphiques JavaScript avec le regroupement de données

Décembre 19, 2023
Wijmo 2023 v2 ajoute le regroupement d’axes au contrôle FlexChart, réduisant l'encombrement des graphiques et facilitant leur numérisation.

Wijmo is a cross-platform UI JavaScript library that offers a comprehensive set of controls and tools for building rich, interactive web applications. Its components have zero dependencies and are written as lean TypeScript classes. Wijmo's key components include FlexGrid for data management, FlexChart for charting and data visualization, Input Controls for user input, and Report Viewer for creating and presenting reports.

The Wijmo 2023 v2 release brings data grouping support to FlexChart. Axis grouping helps to organize complex data by visually separating it into categories or subcategories along the axis, making it easier to identify trends, patterns, and outliers within each group. While data grouping has long been a staple of Wijmo's CollectionView, users requested similar functionality in FlexChart, which MESCIUS has now incorporated. You can bind FlexChart to a grouped CollectionView and set the 'axis.groupsOptions' property to enable grouped labels in your charts.

To see a full list of what's new in version 2023 v2, see our release notes.

Wijmo is licensed per developer. Developer Licenses are perpetual and include 1 year Subscription which provides upgrades, including bug fixes and new features. See our Wijmo licensing page for full details.

For more information, visit our Wijmo product page.

Explorez les données hiérarchiques dans les graphiques Angular

Décembre 18, 2023
Les fonctionnalités d’exploration vous aident à analyser des couches de données et à découvrir des informations cachées et détaillées, ainsi que des tendances.

Drill-down charts are a type of interactive data visualization that allow users to explore hierarchical data by navigating multiple levels of detail. This makes them a powerful tool for analyzing complex data sets and uncovering hidden insights. By clicking on specific segments or elements within a chart, users can dynamically descend through the hierarchy, revealing granular details at each level. This process of zooming into specific data points empowers users to gain a deeper understanding of the overall trends and relationships within the dataset. Drill-down charts are particularly well-suited for analyzing sales figures, customer segmentation, and comparative performance metrics. Their ability to present data at multiple scales caters to users with diverse levels of data expertise, making them an accessible tool for data exploration and analysis.

Several Angular charting components provide drill down support including:

  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) lets you visualize data on several hierarchical levels. Data is usually generalized on the first level and becomes progressively more detailed with each level. The data source is filtered by the parentID for different drill-down views.
  • Highcharts Core by Highsoft has built-in drill-down support. For column, bar and pie series, an animation occurs to help visualize that the single clicked point is extracted into a drill-down series. Multiple levels of drilling can be applied by chaining points to series.
  • Wijmo FlexChart (part of Wijmo by MESCIUS) supports grouping and drill-down within a chart to initially display data points that have been grouped into categories that when clicked upon, reload the chart with the individual data points that make up the group.
  • Kendo UI for Angular Chart (part of Kendo UI by Telerik) includes a drill-down function that allows users to click on a point (bar, pie segment, etc.) in order to navigate to a different view. The new view usually contains finer grained data about the selected item.

For an in-depth analysis of features and price, visit our Angular Chart comparison.

Compare Angular Chart Controls

Validez les données dans les applications de feuille de calcul React

Décembre 15, 2023
La validation des données permet d’augmenter la productivité en améliorant la précision et en évitant les erreurs et les incohérences.

Data Validation is a crucial feature for maintaining the integrity of data within a spreadsheet. It restricts the type of data or the values that users can enter into a cell. For example, a cell can be configured to only accept dates or numbers within a certain range. This minimizes input errors and ensures that data adheres to specified parameters, which is particularly important in scenarios where spreadsheets are used for data entry by multiple users or when the data feeds into critical business processes.

Several React Spreadsheet components provide data validation support including:

  • Jspreadsheet Pro implements custom data validation rules and error messages for robust data entry.
  • Syncfusion Spreadsheet JavaScript (part of Syncfusion Essential Studio) provides comprehensive data validation features, including highlighting invalid data.
  • Infragistics Spreadsheet React (part of Infragistics Ignite UI) offers flexible data validation options, enabling developers to enforce data integrity in React applications.
  • SpreadJS by MESCIUS supports a variety of data validation rules, ensuring data accuracy and consistency within React spreadsheets.

For an in-depth analysis of features and price, visit our React Spreadsheet Component comparison.

Compare React Spreadsheet Components

Créez des graphiques d'empilement de cercles interactifs

Décembre 14, 2023
AnyChart JS 8.12.0 améliore les graphiques d'empilement de cercles avec des événements d’interactivité, facilitant ainsi les visualisations dynamiques qui répondent aux interactions de l’utilisateur.

AnyChart JS is a lightweight and robust JavaScript charting library that enables you to create stunning and interactive charts, dashboards, and maps. It provides a wide range of chart types, including line charts, bar charts, pie charts, scatter plots, and more. You can also customize the appearance of your charts using a variety of options, such as colors, fonts, and themes.

The AnyChart JS 8.12 release adds a suite of interactivity events to the Circle Packing chart, allowing you to attach event listeners to any chart element and create dynamic visualizations that respond to user interactions such as mouse movements, hovers, and clicks. This new feature enables you to add or modify information and reshape chart behavior in real-time, enhancing data exploration experiences.

To see a full list of what's new in version 8.12.0, see our release notes.

AnyChart JS offers a range of Annual and Perpetual licensing options including Website, Internal, Saas, Enterprise, OEM, and Next Unicorn Licenses. For more information visit our AnyChart JS licensing page.

For more information, visit our AnyChart JS product page.