highcharts传奇条目在Firefox中无法点击

Question

我设置了几个高图图表并且最近注意到我无法点击图例条目来显示/隐藏他们在Firefox中的相关系列。这在Chrome和Safari中运行良好，因此看起来这是与浏览器相关的问题。

我注意到highcharts demoes没有这个问题，所以它必须是我在实现中所做的事情，但是我很难搞清楚它。 Firefox有什么不同可能会导致highcharts出现这种问题？

兴趣点：如果我将图表的useHtml参数设置为true，则图例条目将变为可点击。然而，这不是一个解决方案，因为它打破了一堆其他东西。

谢谢！

Answer 1

我遇到了类似的问题，其中线图中的点在Firefox中无法点击（但可以在Chrome中点击）。原来，Firefox将dataLabels置于图形点之上。

解决它：

     plotOptions: {
                series: {
                    dataLabels: {
                        zIndex: 2

另见： http://api.highcharts.com/highcharts#plotOptions.series.dataLabels

Answer 2

我解决了这个问题，这在我的Firefox，Chrome和Safari中发生过，但在IE9中却没有。

我发现问题与CSS有关。我的页面有2个“盒子”;左和右。我的Vaadin饼图坐在右边的盒子上。在左侧框中，我有一个html <H1>标签，其宽度溢出到右侧框（宽度：900px），覆盖部分饼图。结果，一些矩形区域不可点击。使用Firefox Firebug工具检查CSS可以很容易地解决这个问题。我希望这可以节省你花在安装最新的vaadin图表库上的时间;调试代码等。