Notícias sobre JavaScript / HTML5

Crie gráficos interativos em aplicativos Vue.js

Julho 20, 2026
Visualize proporções de categorias com gráficos de pizza responsivos que trazem dicas de ferramentas, legendas, rótulos e animação.

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

Adicione lógica personalizada aos relatórios Angular

Julho 17, 2026
Crie campos calculados diretamente no seu relatório para derivar valores personalizados, simplificar a lógica do relatório e fornecer insights mais significativos.

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

Construa melhores grades de dados para Svelte

Julho 17, 2026
O SvGrid permite criar tabelas de dados responsivas e ricas em recursos com uma grade nativa do Svelte que escala de listas simples a aplicativos empresariais.

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.

Realize cálculos entre múltiplas planilhas

Julho 16, 2026
Permita aos usuários realizar cálculos entre planilhas fazendo referência a dados de outra planilha usando fórmulas em aplicativos 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

Limite eventos sobrepostos e tenha calendários mais claros

Julho 16, 2026
O Syncfusion Essential Studio Enterprise melhora a usabilidade do Agendador ao limitar eventos concorrentes dentro do mesmo intervalo de tempo para melhor visibilidade.

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.