Angular 新闻

在设计调查表时放大和缩小

3月 17, 2025
SurveyJS Survey Creator 2.0.0 允许用户在设计图面上调整调查视图,从而更轻松地处理大型或复杂的表单。

SurveyJS Survey Creator is a JavaScript library that enables developers to embed a drag-and-drop survey and form builder directly within their web applications. It provides a comprehensive UI for designing surveys with various question types, logic branching, and layout customization, generating JSON schemas that can be used by the SurveyJS Survey Library to render and process the surveys. This allows for the creation of dynamic and user-configurable data collection tools without requiring extensive custom development, streamlining the process of integrating survey functionality into applications.

The SurveyJS Survey Creator 2.0.0 release adds support for scaling, enabling users to dynamically adjust the zoom level of the survey design surface. This functionality provides control over the visual representation of forms, allowing users to zoom in for detailed editing of intricate elements or zoom out for a comprehensive overview of complex, multi-page surveys. A dedicated "Zoom to 100%" button ensures a quick and effortless return to the default view.

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

SurveyJS Survey Creator is licensed per developer with a one-time payment for indefinite use. Access to updates and technical support is available through a subscription. See our SurveyJS Survey Creator licensing page for full details.

Learn more on our SurveyJS Survey Creator product page.

将高度可配置的图表添加到 JavaScript 报表

3月 14, 2025
ActiveReportsJS 5.2 增强了图表报表项,为构建清晰而有洞察力的报表提供了更好的控制。

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月 12, 2025
Kendo UI for Angular 2025 Q1 为 ColorPicker、TabStrip 和 Toolbar 添加自适应渲染,从而增强了移动响应能力和可用性。

Kendo UI by Telerik is a comprehensive suite of JavaScript UI components designed to accelerate web application development. Offering pre-built, customizable elements for grids, charts, schedulers, and more, it streamlines UI creation across popular frameworks like jQuery, Angular, React, and Vue. Key features include responsive design, accessibility, and high performance, enhancing user experience. Developers benefit from reduced development time, consistent UI patterns, and the ability to build feature-rich applications faster.

The Kendo UI for Angular (v18.1.0) update (part of Kendo UI 2025 Q1) introduces Adaptive Mode, enabling the ColorPicker, TabStrip, and Toolbar to dynamically adjust their rendering based on screen size, ensuring a seamless user experience across devices. This enhancement allows developers to deliver responsive and accessible interfaces without manual adjustments, as components automatically adapt to available space. The ColorPicker now presents a mobile-friendly action sheet for streamlined color selection, the TabStrip enables horizontal scrolling when tabs exceed container limits, and the Toolbar ensures tools remain accessible by intelligently managing overflow. By integrating Adaptive Mode, developers can simplify UI design, enhance usability, and improve cross-device consistency with minimal effort.

To see a full list of what's new in 2025 Q1 (v18.1.0), see our release notes.

Kendo UI is licensed per developer and has two licensing models: an annual Subscription License and a Perpetual License. The Subscription license provides access to the latest product updates, technical support, and exclusive benefits for a flat annual fee, and must be renewed to continue using the software. The Perpetual license is a one-time purchase granting access to the current released version and includes a one-year subscription for product updates and technical support. After this initial period, users can choose to renew the subscription element to continue receiving updates and support; otherwise, they may continue using the installed version available during their active subscription term but will forgo future updates and support. See our Kendo UI licensing page for full details.

Kendo UI is available individually or as part of the following products:

利用 CSV 实现无缝网格数据集成

3月 12, 2025
使用 CSV 作为您 Angular 网格的数据源提供了一种轻量级、普遍兼容且易于处理的格式。

Grid controls with CSV/TSV data source support enable developers to seamlessly import, parse, and display structured tabular data from comma-separated or tab-separated files. This functionality simplifies data integration by eliminating the need for complex preprocessing, allowing users to work with large datasets efficiently. It enhances usability by providing built-in parsing mechanisms, automatic column detection, and flexible data binding, ensuring smooth interoperability with various data formats. By reducing manual effort and improving performance, this feature streamlines data-driven application development, making it easier to present, edit, and manipulate structured information within web-based interfaces.

Several Angular grid controls offer using CSV/TSV as a data source including:

  • DataViewJS by MESCIUS enables you to load data from CSV files directly into its grid component, facilitating seamless data integration.
  • Jspreadsheet Pro Data Grid allows you to import data from CSV files, offering a familiar spreadsheet-like interface for data manipulation.
  • jQWidgets Grid facilitates data binding from various sources, including CSV files, ensuring efficient data presentation.
  • DataGridXL supports importing data from CSV files, enabling efficient handling and display of large datasets.

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

Compare Angular Grid Controls

在图表中实现区域设置感知格式

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.