Chart won't display in modal dialog

Chart won't display in modal dialog

Posted by: ed on 25 March 2019, 7:14 pm EST

• 

  ed

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 25 March 2019, 7:14 pm EST

  I am having a problem getting a chart to display in a modal dialog. Here is my div that adds the modal dialog to my viewer

  ×

  And here is my event listener

  agingChart.addEventListener(‘click’,
  
  function (e) {
  
  var lblTitle = ‘Accounts Receivable Aging’;
  
  document.getElementById(‘txtTitle’).innerHTML = lblTitle;
  
  addReceiptsChart(next30Days, dueByDay)
  
  wijmo.Control.invalidateAll(document.querySelector(‘#modalContainer’));
  
  $(‘#myModal’).modal(‘show’);
  
  });

  With the line invalidateAll line of code I have tried placing it different places and referencing different element id’s but nothing seems to work. When I go to the console, then the chart displays with the data so I know the chart is getting loaded.

  Thanks, Ed

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 26 March 2019, 4:26 am EST

  If you want to show the chart in a modal dialog, I would suggest you you to use the Popup control in wijmo.input module.

  Please refer to the sample below:

  https://jsfiddle.net/osc5jp3h/
  

• 

  ed

  • Post Options:
  • Link
    Copy

  Posted 27 March 2019, 2:22 pm EST

  Thanks that worked!