highcharts - シリーズの背後に隠れているHighchartsコンテキストメニュー

原文 highcharts

棒グラフシリーズがグラフ全体にまたがる場合、コンテキストメニューはシリーズの後ろに隠されます。シリーズの背後にメニューが隠れないようにするにはどうすればよいですか?

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

$('#container').highcharts({
  "chart": {
    "type": "bar",
    "zoomType": "x"
  },
  "title": {
    "text": ""
  },
  "xAxis": {
    "title": {
      "text": ""
    },
    "categories": [
      "A",
      "B",
      "C"
    ]
  },
  "plotOptions": {
    "series": {
      "stacking": "percent",
      "pointPadding": 0.2,
      "borderWidth": 0,
      "animation": false
    }
  },
  "series": [
    {
      "name": "Bacon",
      "data": [
        36.4,
        18.9,
        17.5
      ]
    },
    {
      "name": "Pork Chops",
      "data": [
        105,
        93.7,
        108.8
      ]
    },
    {
      "name": "Ham",
      "data": [
        32.7,
        30.7,
        34.2
      ]
    }
  ]
});
答え
私はあなたのケースに2つの解決策を見ます:


シリーズ前の表示ボタン: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
},
関連記事

javascript - データベース付きのハイチャート複数シリーズ

highcharts - ハイチャート-対数軸を使用すると線が消える

javascript - Highchartsはjsonを使用して折れ線グラフにポイントを追加します

angularjs - angularjsのあるハイチャート:値を更新するときのバーのスムーズな移行

javascript - 高いチャート:不等間隔のX軸の等間隔

javascript - 一般的な関数で使用すると、jqueryハイチャートが読み込まれませんか?

php - CakephpでデータベースからHighchartsプラグインにデータを取得する方法

highcharts - xAxisのHighChartsのラベルの重複

javascript - Highcharts tickInterval毎時間

svg - ハイチャートのエクスポートが正しく表示されない