HighCharts图的click事件

[csharp] view plain copy

1. <script src="http://code.highcharts.com/highcharts.js"></script>  
2.   
3. <div id="container" style="height: 400px"></div>  
4.   
5.  $(function () {  
6.     var chart = new Highcharts.Chart({  
7.         chart: {  
8.             renderTo: 'container'  
9.         },  
10.         xAxis: {  
11.             categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']  
12.         },  
13.           
14.         plotOptions: {  
15.             series: {  
16.                 cursor: 'pointer',  
17.                 events: {  
18.                     click: function(event) {  
19.                         alert(this.name +' clicked\n'+  
20.                               'Alt: '+ event.altKey +'\n'+  
21.                               'Control: '+ event.ctrlKey +'\n'+  
22.                               'Shift: '+ event.shiftKey +'\n');  
23.                         location.href='http://www.baidu.com';  
24.                     }  
25.                 }  
26.             }  
27.         },  
28.           
29.         series: [{  
30.             data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]          
31.         }]  
32.     });  
33. });