hicharts 每次显示一个图例的数据

var chart = null;
 $(function () {
     chart = new Highcharts.Chart({
         chart: {
             renderTo: "container"
         },
         xAxis: {
             categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
         },
         plotOptions: {
             series: {
                 events: {
                     //监听图例的点击事件
                     legendItemClick: function (event) {
                         ControlLegendShow(this);
                         return false;
                     }
                 }
             }
         },
         credits: {
           text:"www.stepday.com",
           href:"http://www.stepday.com"
         },
         series: [{
             name:"序列1",
             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]
         }, {
             name:"序列2",
             data: [9.9, 7.5, 16.4, 29.2, 44.0, 76.0, 35.6, 48.5, 16.4, 19.1, 9.6, 4.4],
             visible: false
         }]
     });
 });
 
 ///根据当前序列是否显示加以控制其他序列的显隐问题
 function ControlLegendShow(obj) {
     if (obj.visible) {
         //如果当前序列为显示 则直接不做任何响应
         return;
     }
     //如果当前序列为隐藏则切换当前序列为显示状态 其他序列为隐藏状态
     var seriesList = obj.chart.series;
     for (var i = 0; i < seriesList.length; i++) {
         if (seriesList[i].name == obj.name) {
             chart.series[i].update({
                 visible: true
             });
         } else {
             chart.series[i].update({
                 visible: false
             }); 
         }
     }

     //可以拿到当前序列所有的数据点的值
     //GetData(obj);
 }

 function GetData(obj) {
     var points = obj.points;
     for (var i = 0; i < points.length; i++) {
         //可以拿到每一个数据点的x和y值

     }
 }
原文:http://www.stepday.com/topic/?735

你可能感兴趣的:(Highcharts)