Javascript 高级图表渲染动画反转?
我想知道Highcharts库是否允许在删除图表时渲染动画。(或隐藏或任何…) 为了使我的问题更有意义,我附加了一个油炸圈饼图表的图像,当它呈现 左图显示图表渲染时的动画方向。动画从12点钟开始顺时针渲染 右图显示了“我的愿望”动画,其中动画以逆时针方向渲染并删除(或隐藏)图表,并保留为空。(这就是我想要的……如果有的话) 我之所以这样做,是因为我想在渲染图表和隐藏图表时保持一致性。我喜欢Highchart的平滑显示、动画的本质,如果有反向渲染动画就好了 希望任何人都知道此功能是否已实现 谢谢你抽出时间来阅读这篇文章 问候,Javascript 高级图表渲染动画反转?,javascript,jquery,animation,highcharts,Javascript,Jquery,Animation,Highcharts,我想知道Highcharts库是否允许在删除图表时渲染动画。(或隐藏或任何…) 为了使我的问题更有意义,我附加了一个油炸圈饼图表的图像,当它呈现 左图显示图表渲染时的动画方向。动画从12点钟开始顺时针渲染 右图显示了“我的愿望”动画,其中动画以逆时针方向渲染并删除(或隐藏)图表,并保留为空。(这就是我想要的……如果有的话) 我之所以这样做,是因为我想在渲染图表和隐藏图表时保持一致性。我喜欢Highchart的平滑显示、动画的本质,如果有反向渲染动画就好了 希望任何人都知道此功能是否已实现 谢谢
Danny C通常不支持,但可以通过包装饼图的动画功能来实现。见:
哇!给人印象深刻的谢谢你的演示!。从这个问题再进一步,当前的演示是否适用于从现有的完全渲染的甜甜圈图到反向动画的收缩和消失?很抱歉要求更多..你说的收缩和消失是什么意思?你想要反向动画,对吗?有关甜甜圈,请参见:抱歉,缺少说明。。我有一个图像可以帮助你理解。()在此图像中,动画从逆时针方向开始,并且随着动画的进行,甜甜圈图表的某些部分逐渐消失。这就是我想说的“反向动画”。再一次,对信息的缺乏表示歉意,请让我知道这是否可行。。非常感谢您想要用反向动画隐藏完整的馅饼!不幸的是,这不受支持。通常,有两个选项:逐片隐藏或删除该点。但它不会像初始动画那样平滑。
// 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
}]
});