Highcharts Stapel Spalte Ausgabe

Question

Hier ist der Code-Link: https://jsfiddle.net/chong789456/a77pj67b/3/

Highcharts.chart('container', { 
    chart: { 
     type: 'column' 
    }, 
    title: { 
     text: 'Stacked column chart' 
    }, 
    xAxis: { 
     categories: ["c1", "c2", "c3", "c4"], 
    }, 
    yAxis: { 
     min: 0, 
     title: { 
      text: 'Total fruit consumption' 
     } 
    }, 
    legend: { 
     align: 'right', 
     x: -30, 
     verticalAlign: 'top', 
     y: 25, 
     floating: true, 
     backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white', 
     borderColor: '#CCC', 
     borderWidth: 1, 
     shadow: false 
    }, 
    tooltip: { 
     useHTML: true, 
     formatter: function() { 
      var tooltip = ''; 
      tooltip = '<b style="color:' + this.point.series.color + ';">Type: </b>' + this.point.series.name + '<br>'; 
      tooltip += '<b style="color:' + this.point.series.color + ';">Clicks: </b>' + Highcharts.numberFormat(this.point.y, 0, '.', ',') + '<br>'; 
      return tooltip; 
     } 
    }, 
    plotOptions: { 
     column: { 
      stacking: 'normal'   
     }, 
     series: { 
      minPointLength: 10 
     } 
    }, 
    series: [ 
     { 
      color: '#8fdc87', 
      name: 'orange', 
      data: [ 
       14943,0,3857,34 
      ] 
     },{ 
      color: '#7CB5EC', 
      name: 'apple', 
      data: [ 
       0,0,0,0 
      ] 
     }, 
    ], 
}); 

Ich habe 4 Kategorien (c1, c2, c3, c4) und 2-Serie (Orange, Apfel).

Das Problem ist, für die Kategorie c4, die orange Nummer ist 34 und die Nummer des Apfels ist 0, nur Apfel zeigt in c4 wie Sie in der Tabelle sehen können. Ich will es Orange zeigt und die Tooltip sollte auch zeigen, so etwas wie: Typ: Orange Klicks: 34

Ich bin verwirrt, dass Orange nicht als Klicks in C4 besagt nicht 0 Wer kann helfen? Vielen Dank!

============================================== ===

Ich habe dieses Problem jetzt behoben! :) Hier ist der Link: https://jsfiddle.net/75zk3w08/1/

series: [ 
    { 
     color: '#8fdc87', 
     name: 'orange', 
     data: [ 
      14943,null,3857,34 
     ] 
    },{ 
     color: '#7CB5EC', 
     name: 'apple', 
     data: [ 
      null,null,null,null 
     ] 
    }, 
], 

Der einzige Unterschied dieser zwei Beispiele ist die Serie Abschnitt. Wenn ich den Wert auf null setze, wird es im Diagramm nicht angezeigt.

Answer 1

Sie die yAchse einstellen: {min: 0, max: 100} Minimum und Maximum von y axis.this beeinflussen y-Achsen-Skala, wie in Ihrem Beispiel Sie sind nur minimale y-Achse Einstellung der unten überprüfen Sie bitte,