ActiveReportsJS version 1.1 is now available and includes several new updates. We have improved support for the Angular, React, and Vue frameworks. We've added additional support for fonts, and a localization feature for two new locales.

Framework Viewer Components

There are three new modules for Angular, React, and Vue. These modules expose the ActiveReportsJS Viewer properties and methods natively, allowing you to take advantage of the frameworks features, like declarative syntax and template and event binding. Each of the new modules is available on NPM.

  • @grapecity/activereports-angular
  • @grapecity/activereports-react
  • @grapecity/activereports-vue

Get started with the new viewers in your application by install using NPM or Yarn.

npm install @grapecity/activereports-angular

Embedding Fonts

You can now add fonts that are not included with the ActiveReportsJS. Add new fonts to the Designer and the Viewer to provide the same experience at design time and run time.

Fonts added to your designer will appear in the Text dropdown.

Embedding Fonts

These fonts can be exported to PDF also.

Adding fonts to the viewer

Auto Merging

The Table and Tablix control now support the automatic merging feature. This feature allows adjacent cells with the same content to combine to become a single larger cell, instead of duplicating the content in each cell. It is much easier to view and analyze tabular data in this manner.

Table - Auto Merge

Tablix- Auto Merge

Localization

Version 1.1 introduces a new localization module. We have created two new locales for China and Japan. Choose your locale and easily localize your project using the localization module from NPM.

npm install @grapecity/activereports-localization

Localize the viewer using the Locale ID (LCID).

window.viewer = new ActiveReports.Viewer('#root', { language: "zh-cn" });

Supported locales are:

  • EN (English)
  • ZH (Chinese)
  • JP (Japanese)

See the Localization Demo to test the new locales.

New Report Samples

We have added several new report samples and will continue to add more. Check out the latest ActiveReportsJS Demos.

A look at our new report samples:

Breaking Changes

  • renamed ie-polyfills.full.js to ie-polyfills.js

Try ActiveReportsJS free for 30 days

Download the latest version of ActiveReportsJS

Download Now!