如何在 Highcharts 6.x 中禁用悬停标记动画？答案

【问题标题】：How can I disable on hover marker animation in Highcharts 6.x?如何在 Highcharts 6.x 中禁用悬停标记动画？
【发布时间】：2017-10-16 07:17:09
【问题描述】：

我最近升级到 Highcharts 6，并注意到以前没有的标记动画。我想禁用它，但似乎无法这样做。在我用 Highcharts 提出之前，我想知道我是否做错了什么。

要明确：

我想要悬停样式（增加标记半径和光环）
我不希望标记悬停时出现任何动画 - 无论是动画还是动画

要查看行为不端的标记，请加载 this fiddle 并将鼠标移到一个点上并再次移开。如果您注释掉最近的 Highcharts 导入并改用 4.2.5，您将看到我所追求的行为。

我可以在文档中看到禁用悬停动画的唯一方法是将动画持续时间设置为 0。我尝试在配置中的三个点执行此操作：

像这样..

plotOptions: {
    spline: {
        marker: {
            states: {
                hover: {
                    animation: {
                        duration: 0
                    }
                }
            }
        },
        states: {
            hover: {
                animation: {
                    duration: 0
                },
                marker: {
                    states: {
                        hover: {
                            animation: {
                                duration: 0
                            }
                        }
                    }
                }
            }
        }
    }
}

但没有任何效果。非常感谢帮助。提前致谢！

【问题讨论】：

您是否设法在不禁用图表其余部分的动画的情况下禁用了标记动画？
@DanielLoiterton 我们最终只能忍受它，我想 - 但我提出了一个 issue 并且那里列出了一个可能对您有所帮助的解决方法。

标签： highcharts

【解决方案1】：

禁用chart.animation 似乎可以解决问题。它会禁用所有图表更新的整体动画，但作为 API 状态，它可以作为函数参数为每个单独的 API 方法覆盖。

API 参考：
http://api.highcharts.com/highcharts/chart.animation.html

示例：
https://jsfiddle.net/sgz9dq8h/

【讨论】：

嘿！谢谢你快速的回复。我想了一会儿你的小提琴不工作，但它看起来像是一个 highcharts 错误。如果您查看此截屏视频（dropbox.com/s/5an4xqgj0yfdimi/highcharts-bug.mov?dl=0），您会发现该错误仍然存在于您的小提琴中，但仅在第一点上，并且在调整大小时消失了。似乎很可疑-我会用highcharts来处理它。谢谢！