2013-10-16 113 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或任何其他框架提出一些神奇的解决方法的可行性。

总结:
不是?