Build Angular Reports | An Angular Reporting Tool for Web Apps

Overview

An Angular reporting tool is a set of Angular components used for data consolidation and visualization. ActiveReportsJS is a solution used by Angular developers to embed reporting within web applications. Major features such as the report designer and viewer components, powerful data visualizers, and the rich API make ActiveReportsJS an industry leader.

Simplify Development

Use Angular Report Viewer and Designer components supplied with TypeScript declarations to easily bring report capabilities into your Angular application.
Zero Server Dependencies

Forget about back-end dependencies and focus on the reporting functionality of your client-side application.

Client-Side Exporting and Printing

Allow your end-users to quickly print or export report output to PDF, Excel, or HTML formats providing the document settings.
JavaScript Reporting Engine

Leverage the powerful JavaScript reporting engine in your application to run, export, and print reports on any device.

Multiple Report Types

Fulfill your requirements for a reporting solution by building printable, analytical, interactive, or fixed-layout reports.
Design Interactive Reports

Provide report readers with comprehensive data visualizations including drill-down, drill-through, runtime sorting, and other interactive capabilities.

Standalone Report Designer

Use the cross-platform report designer app to create printable, analytical, or interactive pixel-perfect report templates bound to REST, OData, GraphQL API, or custom data sources.

LEARN MORE

Tabular Reports

Build inventory lists, product catalogs, and other Tabular Reports organized in a multicolumn, multirow fashion and apply conditional formatting, grouping, sorting, and filtering to the data based on pre-defined conditions or user input.

LEARN MORE

Banded Reports

Build product catalogs, people directories, and other list-like data views with Banded Reports organized with multiple types of sections that display data in a free-form layout fashion.

LEARN MORE

Fixed Reports

Build purchase orders, quotes, parking tickets, and other pre-printed forms with unparalleled accuracy using the unique Fixed Layout Reports. The output of such a report is a completed form that you can view in a browser, print, or export to one of the supported formats and share the export output with interested parties.

LEARN MORE

Summary Reports

Build summary reports that reduce a complete, often large, set of raw data into smaller views that help yield useful information. Group, sort, and filter the data based on pre-defined conditions or user input with pivot tables or charts.

LEARN MORE

Drill-down Reports

Build interactive analytical reports that allow a reader to switch between a comprehensive data view and a more detailed one.

LEARN MORE

Drill-through Reports

Build interactive reports that allow a reader to navigate back and forth between the main report and a sequence of subreports by clicking parametrized links.

LEARN MORE

Embeddable Angular Components

Allow end-users of your app to preview a report output and modify it on the fly by integrating Angular Report Viewer and Designer components.

Learn more about the Viewer Component Learn more about the Designer Component

Create Reports Programmatically

Build custom report designers using the API supplied with TypeScript declarations.

LEARN MORE

Angular Reporting Top Features

Cross-platform tools

Build pixel-perfect interactive reports templates with a cross-platform standalone report designer application.

Powerful Data Binding

Bind a report to the REST API, OData, GraphQL, or custom data source in no time with the advanced data binding capabilities.

View Demo

Flexible Report Layouts

Choose among two layout types and dozens of controls to create a pixel-perfect interactive report.

View Demo

Personalized Reporting

Make use of the Angular Report Designer component to let users fine-tune report output on the fly.

View Demo

Perfect View

Give end-users of your application the ultimate view, export, and print capabilities with the Angular Viewer component.

View Demo

Out-of-the-box Angular Support

Install the ActiveReportsJS Angular NPM package to easily integrate the Report Viewer and Designer components supplied with TypeScript declarations.
View on NPM.

Standalone Report Designer

Build interactive, customizable report templates with a cross-platform report designer application.

Install on your OS

The standalone report designer can be installed on Windows, Mac, or Desktop Linux.

User-friendly Interface

Create printable, analytical, or interactive reports using the intuitive interface and a rich set of data visualization components.

JSON Report Templates

Save report templates in JSON format and integrate them into your Angular application as static resources or dynamic modules

Embeddable Angular Report Viewer

Give end-users of your application the ultimate view, export, and print capabilities with the Viewer component.

Adaptive UI

Built-in mobile, desktop, and full-screen modes ensure a smooth user experience on any screen size.

Rich Customization

Insert new or modify existing buttons in the toolbar and configure the export sidebar using the API. Use one of the pre-defined color themes or create custom ones.

Multilingual Support

Provide your users with the translated texts for the viewer UI elements such as tooltips and buttons.

Getting Started Developer Guide Live Demos

Embeddable Angular Report Designer

Make use of the Report Designer component to let users fine-tune reports.

Flexible Integration

Use the API to define the application-specific functions for creating, saving, opening, and previewing your reports.

Rich Customization

Change the color scheme using one of the pre-defined themes or create your own theme.

Multilingual support

Provide your users with the translated texts for the viewer UI elements such as tooltips and buttons.

Getting Started Developer Guide Live Demos

What's New in ActiveReportsJS v2.2

Introducing ES modules
All the ActiveReportsJS npm packages now expose native ES modules. Modern JavaScript tools, such as Vite.js use ES modules to provide blazing performance for applications' development and building.

Creating Reports Programmatically
Report templates in ActiveReportsJS use JSON format that complies with a well-defined structure. In ActiveReportsJS v2.2 we exposed the TypeScript declarations for that structure so that you can easily build reports programmatically using IntelliSense features of Visual Studio Code or other IDE that supports TypeScripts declarations.

Chart Report Item Enhancements
Chart Report Item now supports Radar Line, Radar Area, Radar Bubble, and Radar Scatter plots. Also, the newly introduced Chart Rules feature allows to dynamically modify the appearance of the plot based on the runtime variables.

What's New

ActiveReportsJS Media and Content

Featured Blogs

What's New in ActiveReportsJS 2.2

ActiveReportsJS 2021 Roadmap

How to Choose Between ActiveReports.NET and ActiveReportsJS

View All Blogs

The Leading Angular Reporting Components to Visualize Data in Web Applications

Overview

Simplify Development

Zero Server Dependencies

Client-Side Exporting and Printing

JavaScript Reporting Engine

Multiple Report Types

Design Interactive Reports