javascript - 悬停时 Highchart 边框渲染错误

Question

我有一个 Highcharts，其类型:“列”，堆叠“正常”。当我将鼠标悬停在图表中的 block 时，我需要显示边框。所以我设置了下一个设置:

  ...
  plotOptions: {
    column: {
      stacking: 'normal',
      groupPadding: 0,
      borderWidth: 10,
      pointPadding: 0,
      states: {
        hover: {
          brightness: 0,
          borderColor: 'black'
        }
      }
    }
  }, ...

但是当我悬停 block 时，边框出现问题 - 它与相邻 block 重叠，并且边框不完全可见。

也许 Highcharts 有一些额外的设置来避免这个错误，或者也许可以增加悬停元素的 z-index？

这是一个example :

Answer 1

Grzegorz Blachliński ， 非常感谢!我在该 github 主题上找到了一些解决方案。

他们在这里:http://jsfiddle.net/LLo7324r/ ， http://jsfiddle.net/rvk0gc9r/6/