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

标签 javascript jquery highcharts

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

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

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

关于javascript - 与同一页面上的 GSAP 和 Highcharts 冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18849291/

相关文章:

javascript - 如何仅在该 id 中查看/隐藏 div

javascript - 跳转到上一个html页面而不刷新数据

javascript - 有人可以告诉我如何使这个jquery插件的滚动条从上到下运动吗?http ://plugins. jquery.com/project/vTicker

Highcharts 图例标题边框不是全宽

javascript - Highcharts - 日期时间轴标签重叠

HighCharts - 数字格式,缩写为 $

javascript - Moment.js 仅在上周内

javascript - 如何将 ng-model 输入值显示为 Angular 货币?

jquery - 防止 bootstrap-datepicker 显示 future 月份

javascript - 选择 2 : Can't create new options longer than 2 characters (tag: true)