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

时间:2017-10-16 07:17:09

标签: highcharts

我最近升级到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
                            }
                        }
                    }
                }
            }
        }
    }
}

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

1 个答案:

答案 0 :(得分:1)

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

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

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