0

我设置了几个 highcharts 图表，最近注意到我无法单击图例条目以在 Firefox 中显示/隐藏它们的关联系列。这在 Chrome 和 Safari 中运行良好，因此这似乎是与浏览器相关的问题。

我注意到 highcharts 演示没有这个问题，所以这一定是我在实现中正在做的事情，但我很难弄清楚。Firefox 的哪些不同之处可能导致 highcharts 出现此类问题？

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

谢谢！

4

2 回答 2

0

我有一个类似的问题，其中折线图中的点在 Firefox 中不可点击（但在 Chrome 中可点击）。事实证明，Firefox 将 dataLabels 放在图形点的顶部。

解决了它：

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

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

于 2015-07-31T12:05:24.673 回答
-1

我解决了这个问题，它在 Firefox、Chrome 和 Safari 中发生在我身上，但在 IE9 中没有。

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

于 2013-10-24T14:57:55.160 回答