移動一系列前列highchart（Z-指數）

Question

我有2個系列我的圖表：

• 柱（柱狀圖）
• 線

我的問題是，一些價值我的行系列被列系列隱藏（直方圖切斷了線圖，只要有兩個圖合併）。

我怎麼能確定線條圖在前列？

Answer 1

使用z-索引屬性：

例如：

$(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>