首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何禁用高图6.x中的悬停标记动画?

如何禁用高图6.x中的悬停标记动画?
EN

Stack Overflow用户
提问于 2017-10-16 07:17:09
回答 1查看 710关注 0票数 1

我最近升级到了高海图6,并注意到一个标记动画,这是以前没有的。我想禁用它,但似乎不能这样做。在我用高级图表提出之前,我想知道我是否做错了什么。

要明确:

  • 我想要悬停造型(增加标记半径和光环)
  • 我不想让任何动画在标记上悬停--或者是动画化,或者是动画化。

若要查看行为不当的标记,请加载这把小提琴并将鼠标移到一个点上,然后再移动一次。如果您注释掉了最近的高级图表导入,而使用了4.2.5,您就会看到我想要的行为。

在文档中看到在悬停动画上禁用的唯一方法是将动画持续时间设置为0。我在配置中的三个点尝试这样做:

  • plotOptions.spline.marker.states.hover.animation.duration
  • plotOptions.spline.states.hover.animation.duration
  • plotOptions.spline.states.hover.marker.states.hover.animation.duration

像这样..。

代码语言:javascript
复制
plotOptions: {
    spline: {
        marker: {
            states: {
                hover: {
                    animation: {
                        duration: 0
                    }
                }
            }
        },
        states: {
            hover: {
                animation: {
                    duration: 0
                },
                marker: {
                    states: {
                        hover: {
                            animation: {
                                duration: 0
                            }
                        }
                    }
                }
            }
        }
    }
}

但什么都没起作用。非常感谢你帮忙。提前感谢!

EN

回答 1

Stack Overflow用户

发布于 2017-10-16 17:13:18

禁用chart.animation似乎解决了这个问题。它禁用所有图表更新的整体动画,但是,如API所述,它可以作为函数参数对每个单独的API方法进行重写。

API参考:

http://api.highcharts.com/highcharts/chart.animation.html

示例:

https://jsfiddle.net/sgz9dq8h/

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46764841

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档