隐藏在系列背后的Highcharts上下文菜单

Question

当条形图系列跨越整个图表时，上下文菜单隐藏在系列背后。如何让菜单不被隐藏在系列后面？

http://jsfiddle.net/kadams/uy05zby3/2/

.main {
  color:rgb(5, 1, 0);
  position:absolute;
  border:3px solid lightgreen
  background-image:url("images/some_image.png");

}

Answer 1

我为您的案例看到两种解决方案：

• 系列前面的显示按钮：http://jsfiddle.net/uy05zby3/7/

  events: {
      load: function() {
          if(!this.options.chart.forExport) {
              this.exportSVGElements[0].toFront(); 
          }
      }
  }
  

• 为按钮腾出空间：http://jsfiddle.net/uy05zby3/5/

  "chart": {
      "type": "bar",
      "zoomType": "x",
      "marginTop": 30 // make more space on top  edge
  },
  

Answer 2

这是因为div中设置的高度值

尝试以下

#container {
    min-width: 300px;
    max-width: 800px;
    min-height: 350px;
    margin: 1em auto;
}

fiddle link :)

Answer 3

它提供了保证金，使菜单没有重叠 希望这对我们有所帮助