Is there a way to show the chart in a pop-up call?

Is there a way to show the chart in a pop-up call?

Posted by: kimleeju on 12 April 2019, 1:10 am EST

• 

  kimleeju

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 12 April 2019, 1:10 am EST

  Hello.

  I ask a question because there is a problem when I call up the chart through pop-up.

  I hope you can help me.

  The problem is that when you page pop-ups, the chart can’t retrieve data.

  I think it’s a pop-up call after setting up all the data. Because of the callback.

  Is there any way I can page pop-ups and show you the chart?

  Thank you very much for your hard work.

  *.html

  Close

  *.ts

  chartDatas: any = ;

  ngAfterViewChecked(){
  
  if (this.chart1) {
  
  this.chart1.hostElement.onmouseup = (e) => {
  
  this.hitInfo = this.chart1.hitTest(e);
  
  this.chartPassPopup(this.hitInfo);
  
  };
  
  }
  
  }

  private chartPassPopup = (hitInfo) => {
  
  this.lgModal.show();
  
  this.chartDatas = ;

   this.chartDatas[0] = [		{"cp":110905,"pass":110888,"fail":1}, 
  							{"cp":134560,"pass":134541,"fail":2}, 
  							{"cp":71853,"pass":71835,"fail":3}, 
  							{"cp":20434,"pass":20434,"fail":4}, 
  							{"cp":71853,"pass":71835,"fail":5}, 
  							{"cp":0,"pass":0,"fail":6}, 
  							{"cp":0,"pass":0,"fail":7},
  							{"cp":0,"pass":0,"fail":8}, 
  							{"cp":0,"pass":0,"fail":9}]
  

  }

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 14 April 2019, 8:36 pm EST

  Hello,

  To show the chart in a modal dialog I would suggest using the Popup control of wijmo. Please refer to the sample demonstrating the same:

  https://stackblitz.com/edit/angular-npmv1r

• 

  kimleeju

  • Post Options:
  • Link
    Copy

  Posted 15 April 2019, 6:35 am EST

  Thank you. Your example helped me.