Neuigkeiten zu JavaScript / HTML5

Verbessern von JavaScript-Diagrammen mit Datengruppierung

Dezember 19, 2023
Wijmo 2023 v2 integriert die Achsengruppierung in das FlexChart-Steuerelement, wodurch Diagramme übersichtlicher und einfacher zu scannen sind.

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.

Hierarchische Daten in Angular-Diagrammen untersuchen

Dezember 18, 2023
Drilldown-Funktionen helfen Ihnen, Datenebenen zu analysieren und verborgene Erkenntnisse, Trends und detaillierte Informationen aufzudecken.

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

Validieren von Daten in React-Tabellenkalkulations-Apps

Dezember 15, 2023
Die Datenvalidierung trägt zur Steigerung der Produktivität bei, indem sie die Genauigkeit verbessert und Fehler und Inkonsistenzen vermeidet.

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

Erstellen interaktiver Kreis-Packdiagramme

Dezember 14, 2023
AnyChart JS 8.12.0 erweitert Circle Packing-Diagramme um interaktive Ereignisse und ermöglicht dynamische Visualisierungen, die auf Benutzerinteraktionen reagieren.

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.

Anpassen von Report Designern

Dezember 14, 2023
ActiveReportsJS 4.2 führt eine API zur Anpassung von Report Designern ein, mit der Sie UI-Elemente Ihren Anforderungen entsprechend flexibel ändern können.

ActiveReportsJS by MESCIUS is a comprehensive JavaScript reporting solution that empowers developers to create interactive and dynamic reports within web applications. It offers a user-friendly design interface, a rich set of data visualization tools, and a flexible API, enabling the creation of reports that effectively present and analyze data for informed decision-making.

The ActiveReportsJS 4.2 release introduces a comprehensive customization API for the Report Designer which enables precise configuration of the user interface. This provides control over the visibility and layout of sidebar items, fine-tuning of menus and toolbars, and the ability to modify numerous UI elements to meet your users' needs.

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

ActiveReportsJS is licensed on an annual subscription or perpetual basis and is available as a Single Deployment License for non-commercial use, and as a Single Domain License or Unlimited Domain License for commercial and/or SaaS use. See our ActiveReportsJS licensing page for full details.

For more information, visit our ActiveReportsJS product page.