javascript - 与 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>