highcharts传说中的条目不能在firefox中点击

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

我注意到，highcharts演示没有这个问题，所以它必须是我在我的实现中做的事情，但我有一个非常困难的时间搞清楚。火狐浏览器做了什么不同的事情可能会导致这种高难度的问题？

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

谢谢！

来源

2013-04-23 John Tuttle

请提供简单重复的例子，

与解决它。 – Mark 2013-04-23 22:20:59

请在jsfiddle.net中重现您的示例 – 2013-04-24 09:06:50

我一直无法在jsfiddle中重现此问题。我认为这意味着在绘制图形的容器中存在某种问题。如果有任何想法可能是一个问题，请让我知道，否则我会在这里发布解决方案，当我找到它。 – 2013-04-24 19:13:07

我解决了这个问题，这发生在Firefox，Chrome和Safari中，而不是在IE9中。

我发现问题是CSS相关。我的页面有2个“盒子”;左和右。我的Vaadin饼图坐在正确的盒子上。在左边的框中，我有一个html <H1>标签，它的宽度溢出到右边框（宽度：900px），它覆盖了饼图的一部分。因此，某些矩形区域不可点击。这可以通过使用Firefox Firebug工具来检查CSS来轻松解决。我希望这可以节省您花费我安装最新的vaadin图表库的时间;调试代码等

来源

2013-10-24 14:57:55 user2916394

感谢您的回复。我不确定这是否是我们的问题，因为自从发布这篇文章后我已经切换了项目，但我很高兴您将它整理出来。 :) – 2013-10-25 17:17:06

我有一个类似的问题，其中线图中的点不能在Firefox中点击（但它们可以在Chrome中点击）。原来，Firefox将数据标签放在图形点的顶部。

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

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

来源

2015-07-31 12:05:24 VME

highcharts传说中的条目不能在firefox中点击

回答

相关问题