нажмите динамический highchart, чтобы открыть в новом окне

Question

мне нужна помощь в открытии highchart во всплывающем окне, а clciking диаграммы

$(document).ready(DrawMyGraph1); 


    function DrawMyGraph1() { 
    var xaxis = $.parseJSON($("#hdnXaxis").val()); 
    var series1 = $.parseJSON($("#hdnYaxis").val()); 

    chart = new Highcharts.Chart(
    { 
     chart: { 
      type: 'column', 
      renderTo: 'container3', 
      defaultSeriesType: 'area', 
      events: { 
       click: function() 
       { 

       } 
      } 

     }, 
     title: { 
      text: '' 
     }, 
     subtitle: { 
      text: '' 
     }, 
     xAxis: { 
      categories: xaxis, 
      labels: { 
       enabled: false 
      } 
     }, 
     yAxis: { 
      title: { 
       text: 'No of Patients' 
      } 
     }, 

     credits: { 
      enabled: false 
     }, 
     tooltip: { 
      formatter: function() { 
       return this.series.name + ' - ' + Highcharts.numberFormat(this.y, 0); 
      } 
     }, 
     series: series1 
    }); 

} 

Мне нужно вызвать функцию «hs.Expander.prototype» в случае диаграммы щелчка чтобы открыть highchart в всплывающем окне с помощью Highslide .Can кто поможет

Answer 1

Смотреть это jsFiddle: http://jsfiddle.net/roadrash/eteqX/
важно назвать файлы Highslide в головной части страницы - перед кодом для диаграммы.

<script type='text/javascript' src="http://highcharts.com/highslide/highslide-full.min.js"></script> 
<script type='text/javascript' src="http://highcharts.com/highslide/highslide.config.js"></script> 
<link rel="stylesheet" type="text/css" href="http://highcharts.com/highslide/highslide.css"/>