Despite the COVID-19 outbreak, our team continues operating at full speed. We are always here to support and answer all your questions.

Feel free to reach out by filling this quick form.

Fill the form
Get Free Trial

Create pivot problem Angular 5

Namig Abdukarimov asked on April 9, 2019

How can I use this example in Angular 5? When we do the same, we see this error: Unable to create the component. DOM element with id ‘pivot-container’ is not found.

import * as Flexmonster from 'flexmonster';
import {FlexmonsterPivot} from 'ng-flexmonster';

pivotReport = new Flexmonster({
container: 'pivot-container',
licenseKey: 'Z703-X99A0P-202Y3C-1U2X1U',
width: '100%',
height: 500,
toolbar: true,
beforetoolbarcreated: this.customizeToolbar,
reportcomplete: this.onReportComplete,
report: {
dataSource: {
dataSourceType: 'json',
filename: '/reports/flexmonster-data.json'
options: {
datePattern: 'DD/MM/YYYY'
slice: {
rows: [
{uniqueName: 'Destination'}
columns: [
{uniqueName: 'Category'}
measures: [
{uniqueName: 'Price', aggregation: 'sum'}
global: {
localization: '../reports/flexmonster-localizations/' + this.culture + '.json'

<div id="pivot-container"></div>

3 answers

Tanya Gryshko Flexmonster April 9, 2019

Hello, Namig,

Thank you for your interest in Flexmonster Pivot.

For integration with Angular, we suggest using the fm-pivot directive. Please follow a detailed tutorial and examples in our documentation:

Hope it helps.


Namig Abdukarimov April 9, 2019

Thank you very much. Please respond to my other question. It is very important for us

Namig Abdukarimov April 9, 2019

I was resolve this problem

Please login or Register to Submit Answer