悬停

时间:2016-09-08 08:06:34

标签: javascript svg highcharts

我有type: "column", stacking "normal"的Highcharts。当我从图表中悬停块时,我需要显示边框。所以我设置了下一个设置:

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

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

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

这是example

1 个答案:

答案 0 :(得分:0)

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

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