javascript - 与同一页面上的 GSAP 和 Highcharts 冲突

Question

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

示例如下(jQuery.GSAP 是问题):http://jsfiddle.net/danimt/m3cmk/

jQuery.GSAP 与 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>