与GSAP和Highcharts在同一页面上发生冲突

Question

我有jQuery.GSAP插件以及与Highcharts在同一页面上运行的GSAP TweenMax和GSAP EasePack插件。

此处的示例（jQuery.GSAP是问题）：http://jsfiddle.net/danimt/m3cmk/

jQuery.GSAP conflicts with the ongoing animation on Highcharts

这使得图形有问题，因为动画没有被执行，因此在选择/取消选择图例和列图形时甚至不会出现奇怪的比例。

有没有办法让他们都玩得很好？

Answer 1

据我所知，GSAP正在覆盖jQuery.animate（）函数，因此后来Highcharts可能会以错误的方式使用它 - 我可以建议使用独立的Highcharts版本：http://jsfiddle.net/m3cmk/1/

new Highcharts.Chart({
        chart: {
            renderTo:'container'
        },
        ... 
 });

独立版：

<script src="https://rawgithub.com/highslide-software/highcharts.com/master/js/adapters/standalone-framework.src.js"></script>