移動シリーズ（Zインデックス）

Question

私は、グラフ上の2シリーズがあります。

• を列（ヒストグラム）
• ライン

私の問題は、いくつかの値ということです私のラインシリーズは、カラムシリーズ（ヒストグラムは、2つのグラフのマージがあるときは常にライングラフを切り捨てます）によって隠されています。

折れ線グラフが最前面に表示されていることを確認するにはどうすればよいですか？

Answer 1

は、z-index属性を使用する：

例：

$(function() { 
 
    $('#container').highcharts({ 
 
     xAxis: { 
 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
 
     }, 
 

 
     plotOptions: { 
 
      series: { 
 
       lineWidth: 5 
 
      } 
 
     }, 
 

 
     series: [{ 
 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], 
 
      type: 'column', 
 
      color: 'blue', 
 
      zIndex: 1 
 
     }, { 
 
      data: [216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5], 
 
      color: 'yellow', 
 
      zIndex: 2 
 
     }] 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<script src="http://code.highcharts.com/highcharts.js"></script> 
 

 
<div id="container" style="height: 400px"></div>