Angular 新聞

從網格資料創建具有視覺吸引力的介面

2月 13, 2024
Smart HTML Elements v18 添加新的網格卡片視圖佈局，為資料探索和編輯提供了使用者友好的介面。

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 HTML Elements v18.0.0 release adds a new grid card view layout that leverages CSS grid to offer an adaptive container for presenting information in a visually appealing card format. Cards can be dynamically populated with text, images, and other multimedia elements, allowing for customization and adaptation to diverse content types. The responsive layout automatically adjusts to various screen sizes and device orientations, ensuring optimal card arrangement and user experience across platforms.

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

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. See our Smart HTML Elements licensing page for full details.

Learn more on our Smart HTML Elements product page.

輕鬆將 BPMN 關係圖導入/匯出為 XML

2月 13, 2024
JointJS+ v4.0 允許您將業務流程模型和符號關係圖導入和匯出為 XML，以便於共用和交換。

JointJS+ is a diagramming library that offers advanced features like custom shapes, data binding, and advanced layout algorithms, enabling you to create complex, interactive, and visually appealing diagrams. It includes a ready-to-use demo application that showcases its functionality and serves as a starting point for your own diagramming projects.

The JointJS+ 4.0 release introduces a significant advancement in business process management: seamless Business Process Modelling Notation XML import and export. This innovative feature empowers users to effortlessly translate BPMN diagrams into the BPMN XML format and vice versa, fostering interoperability across diverse tools and platforms, including editors and automation engines. JointJS+ 4.0 empowers process analysts, developers, and stakeholders alike to contribute and leverage BPMN diagrams with ease, paving the way for smoother and more efficient process management across the entire organization.

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

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

Learn more on our JointJS+ product page.

無縫導航 Angular 網格中的資料層

2月 8, 2024
從合併摘要到底層的細細微性詳細資訊，向下鑽取功能允許使用者能夠更深入地瞭解複雜資料。

Drill-down capability within a grid control is a user-interactive feature that allows deeper exploration of summarized data. By clicking on specific cells or groups, users navigate down through hierarchical levels, uncovering increasingly granular details hidden within the aggregated view. This empowers informed decision-making by readily accessing both summarized overviews and underlying individual records, all within the familiar grid interface.

Several Angular grid controls offer drill-down capability including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) enables you to seamlessly drill down into nested data for granular insights.
  • Wijmo FlexGrid (part of Wijmo by MESCIUS) allows you to navigate hierarchical data effortlessly with intuitive parent-child relationships.
  • SmartClient Grid by Isomorphic Software empowers users with rich drill-down capabilities and customizable expand/collapse options.
  • Ignite UI Angular Grid (part of Infragistics Ignite UI) enables you to inspect data across multiple levels through seamless row and column drill-down.
  • ZingGrid allows you to uncover insights easily with built-in drill-down hierarchies for interactive data exploration.

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

Compare Angular Grid Controls

揭示多個變數之間的關係

2月 2, 2024
散點圖/氣泡圖有助於您同時跨三個因數發現趨勢、比較量級並識別聚類。

Scatter and bubble charts are used to display data points on a two-dimensional graph. While scatter charts use dots to represent data points, bubble charts add an additional dimension by varying the dot size, often representing volume or intensity. These charts are useful for showing relationships between variables and for identifying patterns or trends in data.

Several Angular chart controls offer scatter and bubble charts including:

  • Highcharts Core lets you craft interactive surface and bubble charts with detailed customization and dynamic animations.
  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) integrates responsive surface and bubble charts into your Angular applications, providing custom themes.
  • Kendo UI for Angular Chart (part of Kendo UI by Telerik) empowers you to add dynamic surface and bubble charts with advanced data binding to your Angular projects.
  • amCharts 5: Charts visualizes multi-dimensional data in engaging surface and bubble charts, offering rich interactivity and drill-down options.

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

Compare Angular Chart Controls

突出顯示符合特定條件的資料

2月 2, 2024
條件格式直觀地突出顯示了關鍵的試算表資料點、趨勢和異常情況，從而加快了分析和決策速度。

Conditional formatting in spreadsheets automates the visual highlighting of cells or ranges based on predefined criteria. This functionality aids data analysis by rapidly drawing attention to specific values, ranges, or text entries. By employing color scales, gradients, or text changes, conditional formatting helps users identify patterns, exceptions, and trends within large datasets, streamlining the interpretation and communication of key insights.

Several JavaScript spreadsheet controls offer conditional formatting including:

  • Telerik Spreadsheet jQuery (part of Kendo UI) allows customizable cell formatting, including number, date/time, styles, and conditional formatting by setting a color and a condition to the format string.
  • SpreadJS by MESCIUS (formerly GrapeCity) supports conditional formatting in cells with several conditional rule types to choose from such as average, cell value, duplicate, formula, specific text and more.
  • Infragistics Spreadsheet Angular (part of Infragistics Ignite UI) allows you to conditionally format the background and font settings of cells in a worksheet based on predefined criteria such as average, blank, value, or date.
  • Syncfusion Spreadsheet JavaScript (part of Syncfusion Essential Studio Enterprise) lets you highlight a cell or a range of cells with a certain color based on applied conditions, and showcases data with data bars, color scales, and icon sets.

For an in-depth analysis of features and price, visit our comparison of JavaScript spreadsheets.

Compare JavaScript Spreadsheets