Hightchart小技巧

一、highcharts点击事件获取点击点的值

chart = new Highcharts.Chart({     

                       plotOptions: {     

                                    series: {  

                                                 cursor: 'pointer', 

                                                   events: {

                                                    click: function(e) {   

                                                            alert(e.point.category);  

                                                     }

                                                  }

                                                }

                           }});



 从代码中可以看出e.point就是点击事件所获得的点击点的对象。category是对应的x轴的值，也可以获得y轴对应的值等。

当然，如果需要更复杂的操作，可以参考API的复杂功能：http://www.highcharts.com/demo/line-ajax

二、默认只加载一条曲线

在一个图像中有多条曲线，但是默认想只显示第一条曲线，则需要做如下设置即可：

    chart: {  
                renderTo: 'plans',  
                type: 'line',  
                events: {  
                    load: function (event) {  
                        for (var i = this.series.length - 1; i > 0; i--) {  
                            this.series[i].hide();         // 设置只显示第一条线，其他都不显示  
                        }  
                    }  
                }  
            }  

三、去掉highcharts网站url

采用highcharts绘图，右下角默认会有一个其网站url存在，这会影响美观，只需做如下设置即可去掉：

    credits:{  
                enabled: false      // 去掉highcharts网站url  
            }  

四、动态增加曲线数量

如需在显示曲线后动态增加显示曲线条数，只需如下操作即可：

    varchart = new Highcharts.Chart(options);  
    chart.addSeries({  
                name: ' 合计',  
                data: [61, 63, 65, 67, 69, 71, 73, 70, 67, 64, 61, 57]  
            });  
    或  
      
    chart.addSeries({ name: 'DataURL serie', dataURL: 'serie3.txt' });  

五、动态删除曲线

    chart.series[0].remove();  

六、动态改变曲线数据

参考：http://jsfiddle.net/jlbriggs/XQu8E/11/