Reactのニュース

Add Highly Configurable Charts to JavaScript Reports

3月 14, 2025
ActiveReportsJS 5.2 enhances the chart report item, providing greater control for building clear and insightful reports.

ActiveReportsJS by MESCIUS is a JavaScript reporting toolkit that empowers developers to design and embed interactive reports within web applications. It offers a standalone report designer for crafting reports and a JavaScript report viewer component for seamless integration into web frameworks like React or vanilla JavaScript. This solution streamlines report creation, facilitates data visualization, and delivers a user-friendly report experience.

The ActiveReportsJS 5.2 update introduces a completely revised chart report item, offering greater flexibility and control over data visualization. With enhanced configurability, developers can now customize data binding, axis settings, labels, and legends using dynamic expressions, allowing for more precise and adaptable chart designs. Additionally, seamless migration ensures that existing charts are automatically converted to the new model when older reports are opened in the designer, eliminating the need for manual adjustments. These improvements simplify chart configuration and make it easier to create clear and insightful reports.

To see a full list of what's new in 5.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.

Learn more on our ActiveReportsJS product page.

データサマリーでレポート分析を強化

3月 10, 2025
Reactアプリケーションでレポートを生成するときに要約と集計を組み込むことにより、読者がデータを解釈および分析するのを支援

The ability to summarize and aggregate information in a report provides a means of condensing extensive data sets to form part of a concise and meaningful overview of the report's contents. This feature highlights key insights, eliminating the need for readers to sift through raw data. Aggregation processes the data mathematically through calculations such as totals, averages, percentages, means, or medians to identify patterns and trends. By highlighting and summarizing the report's findings in this way, this feature consolidates complex information in a way that aides the reader in identifying patterns and interpreting the data.

The following React reporting components support summaries and aggregates:

  • DevExpress Reporting gives users the ability to efficiently summarize and aggregate data to draw attention to key insights when generating reports in React applications.
  • ActiveReportsJS by MESCIUS includes React reporting tools that can equip web applications with data aggregation and summarization features for precise data analysis.
  • Stimulsoft Reports.JS also works with React and lets you create structured reports with advanced summary functions and aggregation tools for data-driven insights.

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

Compare React Report Components

チャートでロケール対応フォーマットを実装

3月 10, 2025
Highcharts v12では、地域の日付と数値の書式設定を有効にするためにlang.localeが追加され、未定義の場合はブラウザの言語がデフォルトになります。

Highcharts is a JavaScript charting framework that allows web developers and data analysts to generate dynamic, visually appealing charts and graphs for websites and web applications. It can display a variety of chart types, including line, spline, area, column, bar, pie, scatter, and many more. Highcharts is well-known for its ease of use, rich documentation, and ability to handle huge datasets efficiently. Features include responsive design, accessibility support, and cross-browser compatibility. Its customization capabilities allow users to create bespoke data visualizations that increase engagement and provide insightful data presentations.

Highcharts v12 introduces the lang.locale option, enabling locale-aware formatting for dates and numbers in charts. This option allows you to define the locale for all charts on a page or set it individually per chart. If no locale is specified, the chart automatically defaults to the page’s or browser’s language settings. Utilizing the browser’s Intl object, lang.locale ensures that dates and numbers are formatted correctly, not only replacing elements like month and weekday names but also structuring entire date expressions according to the selected locale. For instance, American English (en-US) formats a date as January 1, 2025, while British English (en-GB) displays it as 1 January 2025.

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

Highcharts Core is licensed on an annual or perpetual basis, OEM licenses, and Advantage Renewals. It is licensed per Developer and has several license options including Internal, SaaS, SaaS+, and Self Hosted. See our Highcharts Core licensing page for full details.

Learn more on our Highcharts Core product page.

テーマとレイアウトでスケジュールをパーソナライズ

3月 7, 2025
リアルタイムの調整と個々のワークフローに適応するパーソナライズされたオプションを備えたインテリジェントなスケジューリングにより、効率を最大化

Scheduling controls enable users to efficiently manage tasks, appointments, and resource allocation through an intuitive and interactive interface. It provides essential features like real-time updates, automated scheduling, and conflict detection, ensuring seamless coordination across teams and workflows. Personalized scheduling options allow users to tailor views, set preferences, and automate recurring events, enhancing both productivity and user experience. By integrating with backend systems and APIs, scheduling tools support dynamic data handling, making them ideal for applications such as workforce management, appointment booking and project planning, in industries like healthcare, finance, and customer service.

Several React User Interface suites offer scheduling controls including:

  • DevExtreme Complete by DevExpress lets you build interactive scheduling solutions with drag-and-drop appointments, resource management, and real-time updates.
  • KendoReact by Telerik allows you to create dynamic, customizable scheduling experiences with intuitive UI components, timezone support, and event handling.
  • jQWidgets provides a powerful scheduling framework, featuring flexible time slots, appointment management, and responsive design for modern web applications.
  • Syncfusion Essential Studio Enterprise facilitates advanced scheduling with robust data binding, recurring events, and personalized views for efficient task management.

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

Compare React UI Suites

React 19の機能でアプリのパフォーマンスが向上

2月 28, 2025
Smart UI v22.0.0では、React 19のサポートが追加され、同時実行性、サーバーコンポーネント、レンダリングが強化され、より高速で効率的なアプリが可能

Smart UI by Smart HTML Elements is an enterprise-grade UI library offering pre-built web components for developers in Angular, React, Vue, Blazor, and JavaScript. It boasts over 60 ready-to-use components like grids, charts, schedulers, and editors, all featuring two-way data binding, responsiveness, accessibility, and theming capabilities. This library helps developers rapidly build dynamic and modern web applications with consistent look-and-feel and rich functionalities, accelerating development time and ensuring professional quality.

The Smart UI v22.0.0 release adds full support for React 19, bringing several advantages to developers. React 19 introduces features such as enhanced concurrent rendering, server components, and improved hooks, which collectively enhance performance and streamline development processes. By integrating these capabilities, Smart UI ensures that its components are optimized for the latest React advancements, providing a more efficient and responsive user experience. This update allows developers to leverage React 19's improvements seamlessly within Smart UI's comprehensive suite of components, facilitating the creation of modern, high-performance web applications.

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

Smart UI (Smart HTML Elements) is licensed per developer and is available as a perpetual license with 1 year support and maintenance. It includes distribution to unlimited Web applications, SaaS projects, Intranets and Websites. Team, OEM and Enterprise licensing options are also available. See our Smart UI licensing page for full details.

Learn more on our Smart UI product page.