gpt4 book ai didi

raphael - gRaphael饼图: Add animation

转载 作者:行者123 更新时间:2023-12-02 07:41:23 27 4
gpt4 key购买 nike

我想用动画显示饼图,使其从“小点”成长为全尺寸饼图,类似于 growing pie或者这个 Highcharts Demo Gallery - Pie ,但我想把它应用到用 gRaphael 做的馅饼上,

这是我的 jsfiddle 示例... raphael pie chart with legend

提前谢谢,

最佳答案

为了实现那种动画,您必须访问这些扇区并...为它们设置动画:)

您可以使用 your_pie.each() 来执行此操作

pie.each(function(){
//scale each sector to 0
this.sector.scale(0, 0, this.cx, this.cy);
//animate from 0 to default size
this.sector.animate({ transform: 's1 1 ' + this.cx + ' ' + this.cy }, 1000, "bounce");
});

fiddle 在这里: http://jsfiddle.net/85VtZ/6/

玩得开心 ;)

关于raphael - gRaphael饼图: Add animation,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10798909/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com