Angular News

Boost JavaScript Calendar Productivity with Flexible Date Selection

January 3, 2024
DevExtreme Complete 23.2 Calendar now lets you select a single date, multiple dates, or the first and last dates in a range.

DevExtreme Complete is a comprehensive JavaScript UI component suite developed by DevExpress. It provides a wide range of features and tools to help developers build high-performance and responsive web applications for various platforms, including traditional web, mobile, and next-generation web technologies.

The DevExtreme Complete 23.2 update brings powerful date selection options to the Calendar. You can now select single dates, multiple, or choose a date range with ease. The initial view can be set as a single date or an array, and entire weeks can be selected by clicking on the week number. These powerful new selection enhancements make date selection easier for novices and advanced users alike.

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

DevExtreme Complete is licensed per developer and is available as a Perpetual License with a 12 month support and maintenance subscription. We can supply any DevExtreme Complete license including new subscriptions, subscription renewals, expired subscription renewals, and additional licenses. See our DevExtreme Complete licensing page for full details.

DevExtreme Complete is available to buy in the following products:

Create Gantt Scheduling Apps in JavaScript

December 27, 2023
SpreadJS 17 introduces the optional GanttSheet add-on, offering a data-bound DataTable view with Gantt chart behavior and a spreadsheet UI.

SpreadJS by MESCIUS is a powerful JavaScript library that lets you build Excel-like spreadsheets within your web applications. It offers tables, charts, formulas, pivot tables, and more, all running within the browser. It works with major frameworks like Angular, React, and Vue, and offers Excel file import and export. SpreadJS empowers developers to create interactive dashboards, analyze data, and streamline workflows, all within the familiar spreadsheet interface.

The SpreadJS 17 release introduces the optional GanttSheet Add-On, a full Gantt implementation that works inside of SpreadJS. It seamlessly integrates with your existing spreadsheets, transforming them into clear and concise Gantt charts. This allows you to visualize tasks, dependencies, and progress at a glance, identifying potential bottlenecks and adjust schedules proactively. GanttSheet offers a flexible and intuitive may to manage tasks, sort data, customize calendar settings, and even import/export plans for smooth collaboration.

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

SpreadJS is licensed per developer and includes 1 Year Maintenance (major and minor version releases and unlimited support phone calls). SpreadJS requires an Annual or Perpetual Deployment License. The GanttSheet Add-On is available at an additional cost, and requires a SpreadJS license. See our SpreadJS licensing page for full details.

For more information, visit our SpreadJS product page.

Filter and Group Data in Angular Spreadsheet Apps

December 19, 2023
Data filtering and grouping allow spreadsheet users to efficiently manage and analyze large datasets with ease.

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

Enhance JavaScript Charts with Data Grouping

December 19, 2023
Wijmo 2023 v2 adds axis grouping to the FlexChart control, making charts less cluttered and easier to scan.

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.

Explore Hierarchical Data in Angular Charts

December 18, 2023
Drill-down features help you to analyze layers of data and uncover hidden insights, trends, and detailed information.

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