in highchart (z-index)

Question

Ich habe 2 Serie auf meinem Diagramm:

• Säule (Histogramm)
• Linie

Mein Problem ist, dass einige Werte von Meine Linienreihen sind durch die Spaltenreihen verdeckt (das Histogramm schneidet Liniendiagramm ab, wenn eine Zusammenführung der beiden Graphen erfolgt).

Wie kann ich sicher sein, dass der Liniendiagramm im Vordergrund steht?

Answer 1

Mit dem z-Index-Attribute:

Beispiel:

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