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

Angular data not binding to the pivotTabel

Naidu asked on June 24, 2020

Below is my code 
    let infoJSON;
    infoJSON=  this.http.get(‘ourApiUrl’).subscribe(data => {
      return infoJSON
binding the above method to Pivot as below 
  public pivotReport = {
dataSource: {
    dataSourceType: “json”,

<fm-pivot #pivot 

4 answers

Illia Yatsyshyn Illia Yatsyshyn Flexmonster June 25, 2020

Hello, Naidu,
Thank you for reaching out to us.
Our team would like to kindly note that the data property of the dataSource object should be used in order to use inline JSON as a data source. In your code snippet, the date property is used instead.
Please change the corresponding line of code as shown below and try establishing connection one more time:

public pivotReport = {
dataSource: {
dataSourceType: “json”,
data: this.getReportData()

Detailed information about the dataSource object and its properties can be found in our documentation.
Please let us know if it works for you.
Do not hesitate to contact us if additional assistance is needed.
Best regards,

Naidu June 25, 2020

Thank you for the information,
We use data property only. showing the popup with jsonData is invalid

Naidu June 25, 2020

This is the json data i am getting in the console


Illia Yatsyshyn Illia Yatsyshyn Flexmonster July 1, 2020

Thank you for writing to us.
It seems we have answered your question in the following forum thread:

Please login or Register to Submit Answer