Fixer les deux axes y à 0 highcharts

Question

J'essaye de faire un highchart, avec des valeurs négatives et positives. Maintenant la chose est, que les valeurs négatives, ne sont pas très grandes, comparées aux positives.

Voici une image du graphique comme il est:

Maintenant, si vous regardez attentivement à la fois l'axe des y, ils ne répondent pas à 0, il y a un écart minuscule. Est-il possible de les faire tous les deux commencer à 0, mais en leur permettant d'être négatif?

Ceci est mon code:

Highcharts.chart('chart', { 
       chart: { 
        type: 'column' 
       }, 
       title: { 
        text: 'Sales Graph' 
       }, 
       xAxis: { 
        categories: xAxisTicks 
       }, 
       plotOptions: { 
        column: { 
         stacking: 'normal' 
        } 
       }, 
       tooltip: { 
        formatter: function() { 
         debugger; 
         if (this.series.type == "column") { 
          return '<b>' + this.x + '</b><br/>' + 
           this.series.name + ': ' + prettyNumber(this.y) + '<br/>' + 
           'Sales without discount: ' + prettyNumber(this.point.stackTotal); 
         } else { 
          return '<b>' + this.x + '</b><br/>' + 
           this.series.name + ': ' + prettyNumber(this.y) + '<br/>'; 
         } 
        } 
       }, 
       colors: ['yellow', 'orange', 'red', 'blue', 'green', 'red', 'blue', 'green'], 
       yAxis: [ 
       { 
        title: { 
         text: 'Daily sales' 
        }, 
        min: minYAxisValue, 
        startOnTick: false 
       }, { 
        title: { 
         text: 'Accumulated sales' 
        }, 
        min: minYAxisValue, 
        startOnTick: false, 
        opposite: true 
       } 
       ], 
       series: data 
      }); 

Answer 1

Si vous voulez deux à aligner 0 tick ensemble ce n'est pas encore possible avec Highcharts. Suivez cette discussion https://highcharts.uservoice.com/forums/55896-general/suggestions/2554384-multiple-axis-alignment-control?page=3&per_page=20.

Cependant, vous pouvez essayer cette solution de contournement simple:

ont fixé min/max sur les deux axes Y:

yAxis: [{ min: minYAxisValue, max: maxYAxisValue } 

Ou tout simplement un lien second axe au premier:

yAxis: [{ opposite: true, linkedTo: 0 }