JavaScript / HTML5 뉴스

Vue.js 앱에서 인터랙티브 파이 차트를 빌드하세요

7월 20, 2026
툴팁, 범례, 라벨, 애니메이션이 포함된 반응형 파이 차트를 통해 카테고리 비율을 시각화하세요.

A pie chart enables developers to display data as proportional slices of a circle, with each slice representing a category's share of a single total. It is well suited to datasets that show part-to-whole relationships, making it easy for users to compare relative proportions at a glance. A well-designed implementation typically includes interactive features such as tooltips, legends, labels, animations, responsive layouts, and customization options, allowing the chart to integrate cleanly into modern web applications while providing a clear and accessible way to present composition data.

Several Vue.js chart components support pie charts, including:

  • Highcharts Core lets you create interactive pie charts with rich customization, responsive layouts, animations, tooltips, legends, and flexible styling options.
  • DevExtreme Vue Chart (part of DevExtreme Complete by DevExpress) allows you to build responsive pie charts featuring customizable slices, labels, legends and animations.
  • Kendo UI Vue Charts (part of Kendo UI by Telerik) facilitates creating charts with configurable labels, legends, tooltips, styling, and responsive rendering.
  • AnyChart JS lets you develop customizable pie charts with interactive tooltips, configurable labels, exploded slices, responsive layouts, and extensive appearance options.

For an in-depth analysis of features and price, visit our comparison of Vue.js charting components.

Compare Vue.js Chart Components

모든 Angular 보고서에 커스텀 로직 추가 가능

7월 17, 2026
보고서에서 직접 계산 필드를 생성하여 사용자 지정 값을 도출하고, 보고서 로직을 간소화하며, 더 의미 있는 인사이트를 제공하세요.

Calculated field support in a reporting component allows developers to define custom values by applying expressions, formulas, or functions to existing data without changing the underlying data source. This makes it possible to derive metrics such as totals, percentages, conditional values, or formatted output directly within a report, reducing the need for additional database queries or application logic. The result is greater flexibility when designing reports, faster adaptation to changing reporting requirements, improved report maintainability, and more consistent business calculations across reports.

Several Angular reporting controls offer support for calculated fields including:

  • DevExpress Reporting lets you create calculated fields using built-in expressions and functions, enabling reusable business logic, derived metrics, and dynamic report content.
  • ActiveReportsJS by MESCIUS allows you to define calculated fields with expression-based formulas, helping generate custom values, simplify report design, and reduce application-side processing.
  • Stimulsoft Reports.JS facilitates calculated fields through flexible expressions and functions, making it easier to derive custom values, maintain consistency, and adapt reports.

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

Compare Angular Reporting Controls

Svelte를 위한 향상된 데이터 그리드 구축

7월 17, 2026
SvGrid를 사용하면 Svelte 네이티브 그리드를 통해 풍부한 기능의 반응형 데이터 테이블을 구현할 수 있으며, 단순한 목록부터 엔터프라이즈 애플리케이션까지 확장 가능합니다.

SvGrid is a modern data grid built specifically for Svelte, combining a headless data engine with a production-ready render component. Rather than adapting technology from another framework, it is designed around Svelte's native runes and reactivity model, giving developers an API that feels natural within Svelte applications. The grid supports a broad range of enterprise features, including sorting, Excel-style filtering, grouping, aggregation, inline editing, row and column virtualization, tree data, master-detail views, and server-side data integration, while remaining lightweight and easy to get started with.

SvGrid is intended for applications ranging from simple data tables to large-scale business systems handling hundreds of thousands of rows. Developers can choose the headless API for complete control over rendering or use the ready-made component to build feature-rich interfaces with minimal configuration. The project also includes comprehensive documentation, more than 150 live examples, accessibility features such as full keyboard navigation and WAI-ARIA support, and integrations for modern development workflows, including AI assistants through Model Context Protocol (MCP).

SvGrid is licensed per developer and per app, and is available as a Perpetual License with one year of updates and support. See our SvGrid licensing page for full details.

For more information, visit our SvGrid product page.

여러 워크시트에 걸친 계산 수행

7월 16, 2026
사용자가 Vue.js 애플리케이션에서 수식 작성 시 다른 워크시트의 데이터를 참조하여 워크시트 간 계산을 수행할 수 있도록 지원합니다.

Cross-worksheet calculations allow formulas in one worksheet to reference cells, ranges, or named ranges located in another worksheet within the same spreadsheet. This capability enables related data to be organized across multiple worksheets while preserving links between them, reducing duplicated information, improving consistency, and making complex spreadsheet models easier to manage and maintain.

Several Vue.js spreadsheet components allow you to perform cross-worksheet calculations, including:

  • SpreadJS by MESCIUS supports cross-worksheet calculations through formulas that reference cells and ranges on other worksheets, with automatic recalculation.
  • Jspreadsheet Pro provides cross-worksheet formula references, allowing calculations to combine data from different worksheets within the same workbook.
  • Syncfusion Vue Spreadsheet (part of Syncfusion Essential Studio Enterprise) includes cross-sheet formulas, allowing references and calculations across multiple worksheets.

For an in-depth analysis of features and price, visit our comparison of Vue.js spreadsheet components.

Compare Vue.js Spreadsheet Components

동시간대 일정을 제한하여 캘린더의 명확성을 높이세요

7월 16, 2026
Syncfusion Essential Studio Enterprise는 동일한 시간대에 동시에 표시되는 일정 수를 제한하여 Scheduler(스케줄러)의 가독성과 사용성을 개선합니다.

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, Blazor, and more, enabling seamless application development across diverse devices and operating systems.

The latest Syncfusion Essential Studio Enterprise update introduces configurable limits for concurrent events in the Scheduler, allowing developers to control how many overlapping appointments are displayed within the same time range. This improves the readability of busy schedules by reducing visual clutter and making calendars easier to navigate while maintaining an organized user interface. The feature is particularly useful for applications such as booking systems, workforce management, healthcare scheduling, and resource planning where multiple events frequently occur at the same time.

Syncfusion Essential Studio Enterprise is licensed per developer and 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 Syncfusion Essential Studio Enterprise product page.