2013-08-30 113 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