JavaScript / HTML5 新聞

探索 Angular 圖表中的分層資料

12月 18, 2023
向下鑽取功能有助於您分析資料層並發現隱藏的見解、趨勢和詳細資訊。

Drill-down charts are a type of interactive data visualization that allow users to explore hierarchical data by navigating multiple levels of detail. This makes them a powerful tool for analyzing complex data sets and uncovering hidden insights. By clicking on specific segments or elements within a chart, users can dynamically descend through the hierarchy, revealing granular details at each level. This process of zooming into specific data points empowers users to gain a deeper understanding of the overall trends and relationships within the dataset. Drill-down charts are particularly well-suited for analyzing sales figures, customer segmentation, and comparative performance metrics. Their ability to present data at multiple scales caters to users with diverse levels of data expertise, making them an accessible tool for data exploration and analysis.

Several Angular charting components provide drill down support including:

  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) lets you visualize data on several hierarchical levels. Data is usually generalized on the first level and becomes progressively more detailed with each level. The data source is filtered by the parentID for different drill-down views.
  • Highcharts Core by Highsoft has built-in drill-down support. For column, bar and pie series, an animation occurs to help visualize that the single clicked point is extracted into a drill-down series. Multiple levels of drilling can be applied by chaining points to series.
  • Wijmo FlexChart (part of Wijmo by MESCIUS) supports grouping and drill-down within a chart to initially display data points that have been grouped into categories that when clicked upon, reload the chart with the individual data points that make up the group.
  • Kendo UI for Angular Chart (part of Kendo UI by Telerik) includes a drill-down function that allows users to click on a point (bar, pie segment, etc.) in order to navigate to a different view. The new view usually contains finer grained data about the selected item.

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

Compare Angular Chart Controls

在 React 試算表應用中驗證資料

12月 15, 2023
透過提高準確性並防止錯誤和不一致，資料驗證有助於提高生產力。

Data Validation is a crucial feature for maintaining the integrity of data within a spreadsheet. It restricts the type of data or the values that users can enter into a cell. For example, a cell can be configured to only accept dates or numbers within a certain range. This minimizes input errors and ensures that data adheres to specified parameters, which is particularly important in scenarios where spreadsheets are used for data entry by multiple users or when the data feeds into critical business processes.

Several React Spreadsheet components provide data validation support including:

  • Jspreadsheet Pro implements custom data validation rules and error messages for robust data entry.
  • Syncfusion Spreadsheet JavaScript (part of Syncfusion Essential Studio) provides comprehensive data validation features, including highlighting invalid data.
  • Infragistics Spreadsheet React (part of Infragistics Ignite UI) offers flexible data validation options, enabling developers to enforce data integrity in React applications.
  • SpreadJS by MESCIUS supports a variety of data validation rules, ensuring data accuracy and consistency within React spreadsheets.

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

Compare React Spreadsheet Components

構建互動式 Circle Packing（圓堆圖）圖表

12月 14, 2023
AnyChart JS 8.12.0 用交互事件增強了 Circle Packing 圖表，促進了回應使用者交互的動態視覺化。

AnyChart JS is a lightweight and robust JavaScript charting library that enables you to create stunning and interactive charts, dashboards, and maps. It provides a wide range of chart types, including line charts, bar charts, pie charts, scatter plots, and more. You can also customize the appearance of your charts using a variety of options, such as colors, fonts, and themes.

The AnyChart JS 8.12 release adds a suite of interactivity events to the Circle Packing chart, allowing you to attach event listeners to any chart element and create dynamic visualizations that respond to user interactions such as mouse movements, hovers, and clicks. This new feature enables you to add or modify information and reshape chart behavior in real-time, enhancing data exploration experiences.

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

AnyChart JS offers a range of Annual and Perpetual licensing options including Website, Internal, Saas, Enterprise, OEM, and Next Unicorn Licenses. For more information visit our AnyChart JS licensing page.

For more information, visit our AnyChart JS product page.

自訂您的報表設計器

12月 14, 2023
ActiveReportsJS 4.2 引入了報表設計器自訂 API，其提供了修改 UI 元素以滿足您需求的靈活性。

ActiveReportsJS by MESCIUS is a comprehensive JavaScript reporting solution that empowers developers to create interactive and dynamic reports within web applications. It offers a user-friendly design interface, a rich set of data visualization tools, and a flexible API, enabling the creation of reports that effectively present and analyze data for informed decision-making.

The ActiveReportsJS 4.2 release introduces a comprehensive customization API for the Report Designer which enables precise configuration of the user interface. This provides control over the visibility and layout of sidebar items, fine-tuning of menus and toolbars, and the ability to modify numerous UI elements to meet your users' needs.

To see a full list of what’s new in version 4.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.

For more information, visit our ActiveReportsJS product page.

MDBootstrap 加入 ComponentSource

12月 11, 2023
ComponentSource 與 MDBootstrap 合作，為開發人員提供 Web 應用程式的 Material Design UI 元件和範本。

ComponentSource, a leading global provider of software components and development tools, has announced a new partnership with MDBootstrap, a software development company that specializes in Material Design based UI components and templates for responsive JavaScript web apps. This collaboration aims to offer customers a seamless experience by combining ComponentSource's extensive library of software components and developer tools with MDBootstrap's expertise in developing high-quality UI solutions.

MDBootstrap (also known as MDB), is a front-end development framework that combines the features of Bootstrap with Material Design. Available for JavaScript, Bootstrap, Angular, React, and Vue, it provides a comprehensive set of UI components, design blocks, and templates to help developers quickly and easily create modern and responsive web applications. MDBootstrap controls are used by over 3,000,000 developers and designers, including global brands such as Amazon, Samsung, Nike and IKEA.

Through this strategic partnership, ComponentSource enhances its extensive offering of premium software components, further cementing its position as a trusted provider of reliable and efficient solutions for developers, backed by guaranteed support.

For more information, explore the MDBootstrap product range.