JavaScript / HTML5 뉴스

JavaScript로 Gantt 스케줄링 앱을 생성할 수 있습니다

12월 27, 2023
Gantt 차트 동작 및 스프레드시트 UI가 있는 데이터 바인딩된 DataTable 뷰를 제공하는 선택적 GanttSheet 추가 기능이 SpreadJS 17에 도입되었습니다.

SpreadJS by MESCIUS is a powerful JavaScript library that lets you build Excel-like spreadsheets within your web applications. It offers tables, charts, formulas, pivot tables, and more, all running within the browser. It works with major frameworks like Angular, React, and Vue, and offers Excel file import and export. SpreadJS empowers developers to create interactive dashboards, analyze data, and streamline workflows, all within the familiar spreadsheet interface.

The SpreadJS 17 release introduces the optional GanttSheet Add-On, a full Gantt implementation that works inside of SpreadJS. It seamlessly integrates with your existing spreadsheets, transforming them into clear and concise Gantt charts. This allows you to visualize tasks, dependencies, and progress at a glance, identifying potential bottlenecks and adjust schedules proactively. GanttSheet offers a flexible and intuitive may to manage tasks, sort data, customize calendar settings, and even import/export plans for smooth collaboration.

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

SpreadJS is licensed per developer and includes 1 Year Maintenance (major and minor version releases and unlimited support phone calls). SpreadJS requires an Annual or Perpetual Deployment License. The GanttSheet Add-On is available at an additional cost, and requires a SpreadJS license. See our SpreadJS licensing page for full details.

For more information, visit our SpreadJS product page.

Node.js 프로젝트에서 PDF를 생성 및 편집하세요

12월 20, 2023
IronPDF for Node.js는 개발자 친화적인 API와 풍부한 기능 세트를 통해 Node.js 앱에서 PDF 생성, 편집 및 조작을 간소화합니다.

IronPDF for Node.js lets you generate, edit, and extract PDF content in Node.js projects. It is designed for Node.js 12+ and is compatible with various operating systems including Windows, macOS and Linux, and IDEs such as JetBrains WebStorm and Microsoft Visual Studio Code. Its key features include generating PDFs programmatically using Node.js, creating PDFs from HTML, CSS, and JavaScript, adding headers/footers, watermarks or attachments to PDF documents, and securing PDFs using passwords, metadata and digital signatures.

IronPDF for Node.js is licensed per developer and is available as a perpetual license with 1 year of product updates and support services. Lite, Plus and Professional Licenses are available for different development and distribution requirements. See our IronPDF for Node.js licensing page for full details.

IronPDF for Node.js is available to buy in the following products:

Angular 스프레드시트 앱에서 데이터 필터링 및 그룹화

12월 19, 2023
데이터 필터링 및 그룹화를 통해 스프레드시트 사용자가 대규모 데이터 세트를 쉽고 효율적으로 관리하고 분석할 수 있습니다.

Data filtering and grouping are key spreadsheet features that allow users to manage and analyze large datasets efficiently. Filtering enables users to hide data that does not meet certain criteria, making it easier to focus on relevant information. Grouping clusters related data together, which can then be summarized with functions such as sum, average, and count. These features are vital for working with extensive spreadsheets, enabling users to simplify their view, and gain insights from specific subsets of data.

Several Angular Spreadsheet components provide data filtering and grouping support including:

  • Jspreadsheet Pro supports navigating large datasets with ease using multi-level filtering and summarize key trends with dynamic group summaries.
  • Syncfusion Spreadsheet JavaScript (part of Syncfusion Essential Studio) allows you to gain insights and enhance understanding with nested grouping.
  • Infragistics Spreadsheet Angular (part of Infragistics Ignite UI) lets you simplify data exploration with drag-and-drop grouping and aggregate functions for instant summaries.
  • SpreadJS by MESCIUS supports crafting precise filters using advanced formulas and grouping data by multiple criteria for deeper analysis.

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

Compare Angular Spreadsheet Components

데이터 그룹화로 JavaScript 차트를 개선하세요

12월 19, 2023
Wijmo 2023 v2에서 FlexChart 컨트롤에 축 그룹화를 추가하여 차트를 덜 복잡하고 쉽게 스캔할 수 있도록 지원합니다.

Wijmo is a cross-platform UI JavaScript library that offers a comprehensive set of controls and tools for building rich, interactive web applications. Its components have zero dependencies and are written as lean TypeScript classes. Wijmo's key components include FlexGrid for data management, FlexChart for charting and data visualization, Input Controls for user input, and Report Viewer for creating and presenting reports.

The Wijmo 2023 v2 release brings data grouping support to FlexChart. Axis grouping helps to organize complex data by visually separating it into categories or subcategories along the axis, making it easier to identify trends, patterns, and outliers within each group. While data grouping has long been a staple of Wijmo's CollectionView, users requested similar functionality in FlexChart, which MESCIUS has now incorporated. You can bind FlexChart to a grouped CollectionView and set the 'axis.groupsOptions' property to enable grouped labels in your charts.

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

Wijmo is licensed per developer. Developer Licenses are perpetual and include 1 year Subscription which provides upgrades, including bug fixes and new features. See our Wijmo licensing page for full details.

For more information, visit our Wijmo product page.

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