React 新聞

在 JavaScript 應用程式中輕鬆設計流程圖

8月 14, 2024
FlowChart JS 有助於創建互動式和可自訂的流程圖，以輕鬆視覺化複雜的流程和系統。

FlowChart JS, a powerful new JavaScript library from BALKAN App, the creators of OrgChart JS, is designed to streamline the creation of interactive and customizable flowcharts. It seamlessly integrates with React, Angular, and Vue.js, offering an intuitive drag-and-drop interface and real-time visual editing, making it easy to visualize complex processes and systems. The library provides a rich set of pre-built shapes and nodes, with the flexibility to create custom shapes, advanced connection and routing options, and a robust API. Its seamless integration into existing applications simplifies the development of clear, structured visualizations.

This new product streamlines the flowchart creation process and enhances visual communication, enabling users to quickly assemble intricate diagrams without extensive coding knowledge. The library's flexibility makes it suitable for a wide range of use cases including business process modeling, software development, educational materials, and technical documentation. By transforming complex information into visually appealing and understandable diagrams, FlowChart JS improves collaboration, decision-making, and problem-solving, providing JavaScript applications with powerful data visualization capabilities.

FlowChart JS is licensed on a perpetual basis with 1 year support and maintenance. Single website, unlimited websites or SaaS, and OEM licenses are available. See our FlowChart JS licensing page for full details.

For more information, see our FlowChart JS product page.

增強您 JavaScript 圖表中的資料交互

8月 6, 2024
LightningChart JS v6.0.0 引入了增強的游標功能，以改進 3D 圖表和大型點雲中資料點的顯示。

LightningChart JS is a high-performance JavaScript charting library optimized for real-time data visualization. Leveraging WebGL and GPU acceleration, it enables developers to create interactive, complex charts capable of handling massive datasets with high refresh rates. Ideal for applications demanding rapid data updates and smooth interactions, LightningChart JS provides a robust API for customization and integration into web-based projects.

The LightningChart JS v6.0.0 update introduces enhanced cursor capabilities, providing developers with greater control over cursor behavior and appearance. New features include custom cursor shapes, dynamic cursor updates based on data points, and precise cursor positioning, allowing for more informative and interactive visualizations. These improvements facilitate the creation of tailored user experiences and enable developers to effectively convey complex data insights through intuitive cursor interactions.

LightningChart JS v6.0.0 cursor improvements include:

  • Revamped Cursor API: Built-in support for displaying multiple values, better default cursor formatting, and 3D chart compatibility.
  • Cursors for Large Point Clouds: Optimized for applications with massive point cloud series, handling tens of millions of data points.
  • Simplified Customization: Enhanced default formatting reduces the need for custom cursor formatting.

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

LightningChart JS is licensed based on method of deployment with options including SaaS Developer Licenses, Application Developer Licenses, and Publisher Developer Licenses. Each license is perpetual and includes 1 year subscription for technical support and software updates. See our LightningChart JS licensing page for full details.

Learn more on our LightningChart JS product page.

快速開發新式資料密集型應用

8月 2, 2024
Sencha 的 ReExt 工具將 140+ Sencha Ext JS UI 元件與 React 集成，以實現高性能、功能豐富的介面。

Sencha Ext JS is a comprehensive JavaScript framework for building robust, data-intensive web applications. It offers a rich library of pre-built UI components, advanced data management capabilities, and tools for efficient development and testing, enabling rapid creation of cross-platform applications with high performance and a polished user experience.

ReExt is a library that seamlessly integrates Sencha Ext JS high-performance UI components into React applications. It provides a bridge between the two frameworks, allowing developers to leverage the rich feature set of Ext JS for building complex user interfaces while maintaining a React-based development workflow, accelerating development and enhancing application capabilities. ReExt enables developers to build powerful, data-driven applications by combining the flexibility and simplicity of React with the robust, feature-rich components of Ext JS.

To utilize ReExt you will need a Sencha Ext JS License, available in Pro, Enterprise and Ultimate editions, as Annual Subscription or Perpetual Licenses. See our Sencha Ext JS licensing page for full details.

For more information, see our Sencha Ext JS product page.

用二維碼提高品牌的識別

8月 2, 2024
Syncfusion Essential Studio Enterprise 2024 Vol. 2 SP1 (26.2.4) 添加在生成的二維碼中心顯示自訂徽標的功能。

Syncfusion Essential Studio Enterprise provides a comprehensive collection of UI components and frameworks for building modern cross-platform applications. It offers over 1,800 components compatible with .NET WinForms, WPF, ASP.NET Core & MVC, WinUI, MAUI, JavaScript, Xamarin, Blazor, and more, enabling seamless application development across diverse devices and operating systems.

The Syncfusion Essential Studio Enterprise 2024 Volume 2 SP1 (26.2.4) release introduces the ability to embed a custom logo within generated QR codes, empowering businesses to enhance brand recognition and user engagement. By seamlessly integrating company branding into these ubiquitous codes, organizations can create a more distinctive and memorable user experience, fostering stronger brand recall and driving increased interaction with marketing materials and digital content.

To see a full list of what's new in 2024 Volume 2 SP1 (26.2.4), see our release notes for ASP.NET Core, ASP.NET MVC, Blazor, and JavaScript.

Syncfusion Essential Studio ASP.NET Core, ASP.NET MVC, Blazor and JavaScript are available as part of Syncfusion Essential Studio Enterprise which is licensed per developer starting with a Team License of up to five developers. It is available as a 12 Month Timed Subscription License which includes support and maintenance. See our Syncfusion Essential Studio Enterprise licensing page for full details.

Learn more on our ASP.NET Core, ASP.NET MVC, Blazor, and JavaScript product pages.

在 React 中視覺化非連續資料趨勢

7月 29, 2024
為 React 應用程式配備對階梯線圖的支援，為使用者提供一種資料視覺化形式，以突出顯示特定時間間隔或時間點的變化。

A step line chart is a type of data visualization that displays data points connected by horizontal and vertical line segments, forming a step-like appearance. Unlike traditional line charts that emphasize continuous trends, step line charts highlight changes that occur at irregular intervals and are for depicting data that changes at specific points in time. This makes them particularly effective for representing data that undergoes discrete shifts, such as inventory levels, interest rates, or monitoring server performance, where the exact timing and magnitude of changes are crucial to understand. By clearly showing these transitions, these charts provide precise insights into the timing and impact of changes, aiding in more accurate decision-making and analysis.

Several React chart components support the step line chart type, including:

  • Highcharts Stock by Highsoft is a financial charting library that can enable your React applications to create dynamic step line charts for financial data analysis.
  • FusionCharts Suite XT is a JavaScript charting library that includes a lightweight React plugin and offers versatile step line charts for trend visualization.
  • jQWidgets Chart can provide React applications with interactive step line charts, enhancing data visualization for discrete events and time-based data transitions.
  • Ignite UI for React Chart (part of Infragistics Ignite UI) delivers high-performance step line charts for detailed data analysis and tracking sudden changes over time.

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

Compare React Chart Components