Highchartsグラフがページの上部にある固定ナビゲーションバーをカバーしないようにコードを変更するにはどうすればよいですか？

Question

私は、ページの上部に固定ナビゲーションバーを持っています。このため私はthis approach as described on w3schools pageを使用しました。

しかし、ハイチャートのjavascriptグラフをページに追加しても機能しません。どうぞご覧くださいat the following jsfiddle code。私がページをスクロールすると、javascriptがナビゲーションバーをカバーします。

私はこのようなJavaScriptのグラフを挿入します。

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"> 

誰かがスクロール時のjavascript/highchartグラフは、ナビゲーションバーをカバーしていないようにコードを修正する方法をアドバイスをしてくださいもらえますか？

ありがとうございます！

Answer 1

メニューのZ-インデックスを増加するか、コンテナのZ-インデックスを減少させます。

z-index: 999; 
} 

例：http://jsfiddle.net/90sth59u/1/