JavaScript / HTML5のニュース

スプレッドシートの並べ替えでデータの明瞭さが向上

4月 11, 2025
ユーザーがカスタム条件で大規模なデータセットを整理し、読みやすさ、使いやすさ、意思決定の効率を向上させるのに役立つVue.jsアプリを作成

Data sorting in a spreadsheet control is a fundamental feature that enables users to rearrange data within a grid or table based on specific criteria, typically ascending or descending alphabetically or by numerical value. Sorting will usually be performed on single or multiple columns and is often integrated with other data manipulation tools like filtering, grouping, and searching. By sorting data, users can quickly locate and analyze information, identify patterns, and ensure consistency across records. Especially useful in large datasets, it improves the readability of the information and makes it more organized in preparation for decision-making, reporting, and data validation. This capability facilitates efficient data analysis, and supports better user interaction by allowing datasets to be viewed in meaningful sequences.

Several Vue.js spreadsheet controls allow you to sort data, including:

  • SpreadJS by MESCIUS can equip Vue.js spreadsheet applications with data sorting capabilities, including grouped and custom sorting for improved analysis and presentation.
  • Jspreadsheet Pro integrates with Vue.js and provides developers with flexible sorting features, allowing users to organize tables quickly in web-based spreadsheet interfaces.
  • Syncfusion Spreadsheet JavaScript (part of Syncfusion Essential Studio Enterprise) lets you sort data, e.g. via custom sort order and multi-column sorting.

For an in-depth analysis of features and price, visit our comparison of Vue.js spreadsheet controls.

Compare Vue.js Spreadsheet Controls

大規模なデータセットを高速な仮想化グリッドで処理

4月 11, 2025
Highcharts Gridは、インテリジェントな行仮想化により、大量のデータボリュームをスムーズかつ高性能にレンダリング

Highcharts Grid is a feature-rich data grid component developed by Highsoft, designed for use within Highcharts Dashboards or as a standalone component. Grid Lite is a free, lightweight version ideal for developers seeking a performant and accessible data grid with a basic feature set. Grid Pro is a commercial, feature-rich version built for complex applications that demand advanced data manipulation and interactivity. It includes all the capabilities of Grid Lite, along with a highly customizable and interactive interface that supports inline editing, column sorting, and event handling, enabling developers to build responsive data visualization applications.

Highcharts Grid delivers high performance when handling large datasets by employing row virtualization, a technique that renders only the rows currently visible within the viewport. This significantly reduces memory consumption and ensures fluid, responsive scrolling, even when working with thousands of records.

Highcharts Grid Pro requires a license for Highcharts Dashboards, licensed per developer as an Annual or Perpetual License with Internal, Saas, SaaS+ and OEM distribution options. The annual license includes support and all product updates for 1 year and must be renewed to continue to use the software. The perpetual license includes an "Advantage Subscription" for 1 to 5 years which provides support and updates for that period. If you do not renew Advantage then you may continue to use the software at the last release available during the active Advantage period. See our Highcharts Dashboards licensing page for full details.

Learn more on our Highcharts Dashboards product page.

新しいタイルマネージャーでカスタムレイアウトを有効化

4月 11, 2025
Ignite UI for Web Components 5.3は、ドラッグ可能でサイズ変更可能なタイルを使用して柔軟な表示を実現する新しいレイアウトコンポーネントを含む

Infragistics Ignite UI for Web Components is a comprehensive library of pre-built, reusable UI components designed for constructing modern web applications using the Web Components standard. It offers a diverse collection of data grids, charts, and interactive elements, enabling developers to rapidly create high-performance, cross-platform applications without dependency complexities.

The Ignite UI for Web Components 5.3 update introduces a new Tile Manager component. This new feature lets users organize content into individual tiles that can be resized and rearranged on the fly. By enabling real-time layout customization, it supports more efficient content management and a tailored user experience. This kind of flexibility is especially useful in dashboard scenarios, where users benefit from controlling how and where information is displayed.

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

Infragistics Ignite UI for Web Components is part of Infragistics Ignite UI which is licensed per developer and is available as a Perpetual License with a 1, 2 or 3 year support and maintenance subscription. See our Infragistics Ignite UI licensing page for full details.

Ignite UI for Web Components is available to buy in the following products:

スペース効率の高い方法でデータを視覚化

4月 10, 2025
放射状グラフは、比較データや循環データを表示する魅力的な方法を提供し、標準的な表現を魅力的な円形のビジュアルに変換

Radial charts provide an intuitive way to visualize hierarchical and categorical data. They display bars on a polar coordinate system instead of a cartesian system, which uses an x-y grid for positioning data. These charts represent values in a circular layout, making it ideal for comparing proportions and relationships between data points. Circular bar charts, a variation of the traditional bar chart, arrange data in a radial format for displaying comparisons between categories. They are particularly useful for visualizing periodic or cyclical data, such as time-based metrics. Sunburst charts break down hierarchical structures into concentric rings. The center of the chart typically represents the root category, while outer rings depict subcategories. These are used for visualizing part-to-whole relationships within a dataset.

Several React chart controls offer radial charts including:

  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) enables developers to render concentric segments with gradient fills, animation effects, and interactive tooltips.
  • Highcharts Core by Highsoft enables the creation of radial bar charts facilitating the display of data in a circular layout with bars extending outward from the center.
  • Wijmo FlexChart and FinancialChart (part of Wijmo by MESCIUS) offers radial bar chart support enabling developers to build compact, circular metric displays.
  • Ignite UI for React Chart (part of Infragistics Ignite UI) includes a radial bar chart type within its polar chart suite, optimized for performance and rendering quality.

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

Compare React Chart Controls

マクロPDF417を使用したレポートの大規模データをエンコード

4月 10, 2025
Stimulsoft Reports.JS 2025.2.1を使用すると、開発者はレイアウトや明瞭さを犠牲にすることなく、複数のバーコード記号にまたがって大規模な構造化データをエンコード可能

Stimulsoft Reports.JS provides a robust reporting toolkit designed specifically for JavaScript applications. This library leverages a client-side architecture, offering a pure JavaScript report engine for efficient report rendering directly within web browsers. The solution includes a user-friendly report designer for building reports with various data sources and visualizations, along with a report viewer for seamless integration and display within your JavaScript applications. This eliminates the need for server-side dependencies or browser plugins, simplifying the development process for embedding powerful reporting functionalities into your web projects.

The Stimulsoft Reports.JS 2025.2.1 update introduces support for the Macro PDF417 barcode, allowing developers to handle larger data payloads within reports. Unlike the standard PDF417 barcode, which is limited in data capacity, the Macro PDF417 format enables the encoding of large data files by splitting them into multiple linked symbols. This enhancement is particularly useful when working with high-volume or multi-page reports, providing a reliable solution for encoding structured data without compromising layout or readability.

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

Stimulsoft Reports.JS is licensed per developer and is available as a Perpetual license with 1 year support and maintenance. See our Stimulsoft Reports.JS licensing page for full details.

Stimulsoft Reports.JS is available individually or as part of Stimulsoft Ultimate.