ActiveReportsJS v1.1 is Released
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.
These fonts can be exported to PDF also.
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.
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:
- Blood Test Results
- Logistics cost
- Product Profitability
- Student Progress Report
- Performance
- Localization
- Tablix > Grouping
- Table > Sorting
- React Component
- Vue Component
Breaking Changes
- renamed ie-polyfills.full.js to ie-polyfills.js