2013-08-30 143 views
1

系列我想显示/隐藏图表系列与像最初的一个动画,也就是说,如果在这个Highcharts动画上显示

$(function() { 
      $('#container').highcharts({ 

       series: [{ 
        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] 
       }, { 
        data: [129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4] 
       }] 
      }); 


      // the button action 
      var chart = $('#container').highcharts(), 
       $button = $('#button'); 
      $button.click(function() { 
       var series = chart.series[0]; 
       if (series.visible) { 
        series.hide(); 
        $button.html('Show series'); 
       } else { 
        series.show(); 
        $button.html('Hide series'); 
       } 
      }); 
     }); 

http://jsfiddle.net/pbohny/GvkPW/

我点击隐藏/显示,展出该系列应该像最初的动画一样动画化(从左到右建立)。

这可能吗?

回答

3

不支持。你可以尝试得到通过添加或者删除该系列回所需的结果,请参见:http://jsfiddle.net/GvkPW/1/

// the button action 
var flag = true; 
var chart = $('#container').highcharts(), 
    $button = $('#button'); 
$button.click(function() { 
    var series = chart.get('1st'); 
    if (flag) { 
     series.remove(); 
     $button.html('Show series'); 
    } else { 
     chart.addSeries({ 
      id: '1st', 
      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] 
     }); 
     $button.html('Hide series'); 
    } 
    flag = !flag; 
}); 
+0

这个伟大的工程对我来说,只需要编写更多的代码。谢谢 – lunacafu