2013-07-12 6 views
0

je besoin d'aide pour ouvrir le highchart dans une fenêtre contextuelle en clciking le tableaucliquez sur highchart dynamique pour ouvrir dans une nouvelle fenêtre

$(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 
    }); 

} 

Je dois appeler la fonction « hs.Expander.prototype » en cas de clic de tableau pour ouvrir le highchart dans une fenêtre contextuelle à l'aide highslide .Peut anyone help

+0

Jetez un oeil: http://www.highcharts.com/demo/line-ajax Il est presque le même que vous voulez - la seule différence est que les événements sont binded à des points, et que vous voulez lier au tableau . –

Répondre

1

Voir cette jsFiddle: http://jsfiddle.net/roadrash/eteqX/
Il est important d'appeler les fichiers Highslide dans la partie de la tête de la page - avant le code pour le graphique.

<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"/> 
Questions connexes