2013-10-16 69 views
2

小提琴http://jsfiddle.net/jakelauer/ZENuS/Highcharts:只有動畫餅大小與圓環圖/防止innersize動畫

Highcharts JS調用:

$(function() { 
    $('div').highcharts({ 
     chart: { 
      backgroundColor: 'rgba(0,0,0,0)', 
      plotBackgroundColor: null, 
      plotBorderWidth: null, 
      plotShadow: false, 
      width: 500, 
      height: 500, 
      margin: [0, 0, 0, 0] 
     }, 
     title: { 
      text: null 
     }, 
     plotOptions: { 
      pie: { 
       minSize: 0, 
       size: 500, 
       animation: { 
        duration: 5000, 
        easing: 'linear' 
       } 
      } 
     }, 
     series: [{ 
      type: 'pie', 
      innerSize: 486, 
      data: [1] 
     }] 
    }); 
}); 

正如你可以在小提琴看到,而圖表增長,線條的粗細以及它佔據的圓圈的百分比。我希望線條始終保持相同的厚度,並且只會改變它填充的圓的多少。這可能嗎?

回答

0

Highcharts API只提供校準此動畫的durationeasing的選項,如您已經看到的。默認的「縮放」動畫到圖表最終的高度/寬度和「甜甜圈」的厚度不能改變。您可以沒有動畫(animation: false)或此「縮放」動畫,並控制durationeasing。正如我所說的,這些是Highcharts API中存在的限制;我不能說通過jQuery UI或任何其他框架提出一些神奇的解決方法的可行性。

總結:
不是?