Highcharts渲染动画反转?

时间:2014-03-10 23:59:30

标签: javascript jquery animation highcharts

我想知道Highcharts库是否允许动画在删除图表时进行渲染。 (或隐藏或任何..)

为了使我的问题更有意义,我在渲染时附上了圆环图的图像。

Donut chart rendering

左图显示图表渲染时的动画方向。动画从12点开始顺时针方向。

右图显示了我想要的动画,其中动画呈现逆时针方向并移除(或隐藏)图表并保留为空。 (这就是我所追求的......如果它可用的话)

我寻找这个的原因是因为我想在渲染图表和隐藏图表时保持一致性。我喜欢Highchart的流畅显示,动画的本质,并且反向渲染动画会很好..

希望有人知道这个功能是否已实现..

感谢您抽出时间阅读本文。

此致

Danny C

1 个答案:

答案 0 :(得分:3)

通常它不受支持,但可以通过包装饼图的动画功能来实现。请参阅:http://jsfiddle.net/dK9CD/79/

// Hack Highcharts to provide counter-clockwise animation for pies
Highcharts.wrap(Highcharts.seriesTypes.pie.prototype, 'animate', function (proceed, init) {
    this.startAngleRad += Math.PI * 2;    
    proceed.call(this, init);    
});


var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container',
        type: 'pie'
    },

    series: [{
        data: [1,2,3,4,5],
        startAngle: 0
    }]

});