修復兩個y軸爲0高圖

Question

我正在嘗試製作一個高圖，同時具有負值和正值。現在的事情是，與負面價值相比，負面價值並不是很大。

這裏是圖的圖片作爲是：

現在，如果你同時在y軸上仔細一看，他們不爲0見面，有一個微小的差距。是否有可能使它們都從0開始，但允許它們爲負數？

這是我的代碼：

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

如果你希望兩個對準0刻度在一起尚無法與highcharts。按照這個討論https://highcharts.uservoice.com/forums/55896-general/suggestions/2554384-multiple-axis-alignment-control?page=3&per_page=20。

不過你可以試試這個簡單的解決方法：

有固定的最小/最大兩個Y軸：

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

或者只是鏈接第二軸第一：

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