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

Conflict with GSAP and Highcharts on the same page

本文关键字：GSAP Highcharts 冲突 一页      更新时间：2023-09-26

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

这里的例子（jQuery.GSAP是问题）：http://jsfiddle.net/danimt/m3cmk/

jQuery.GSAP conflicts with the ongoing animation on Highcharts

这使得图形错误，因为动画没有执行，因此在选择/取消选择图例时比例变得奇怪，甚至不显示列图形。

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

据我所知，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>
相关文章：