Search code examples
jquerymeteorhighchartsmeteor-blazebootbox

Highcharts in a modal window on click

This might be slightly basic for the people here, but I'd be glad if you could help. I want to be able to open a Highchart in a modal window on clicking an element. How would I do that? I'm using Meteor and was wondering if this is achievable with/without BootboxJS.

Solution

  • See below code :

     $('[data-toggle=popover]').popover({
 content: "<div id='container' style='min-width: 300px;display:none;
 height: 200px; margin: 0'> <div id='Austin' style='width: 300px; height:
 200px;'></div></div>",
 html: true
 })
  .click(function() {
  var chart_data = getChartData();
  var chart = new Highcharts.Chart( chart_data );
  $('#container').show();
  });

    see working fiddle here and same kind of question answered here