2013-07-12 39 views
0

我需要在一個彈出打開highchart幫助,而clciking圖表點擊的動態highchart在新窗口中打開

$(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」在圖表click事件使用highslide打開一個彈出的highchart。可誰能幫助

+0

看一看:http://www.highcharts.com/demo/line-ajax它幾乎與你想要的一樣 - 唯一的區別是事件綁定到點,並且你想綁定到圖表。 –

回答

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