如何通過Y軸畫一條線0值

Question

我需要創建一個行表明，它是在Y軸零，如果有負值。 我需要這個，因爲我在Y軸已停用了標籤，並希望通過線路，這是從積極的0和獨立負值顯示。

Answer 1

繪製使用plotLines線，將該值設置爲0：

plotLines: [{ 
      color: '#000000', 
      width: 1, 
      value: 0 
     }], 

這裏是一個演示：

$(function() { 
 
    $('#container').highcharts({ 
 
     chart: { 
 
      type: 'column' 
 
     }, 
 
     title: { 
 
      text: 'Column chart with negative values' 
 
     }, 
 
     xAxis: { 
 
      categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'] 
 
     }, 
 
     credits: { 
 
      enabled: false 
 
     }, 
 
     series: [{ 
 
      name: 'John', 
 
      data: [5, 3, 4, 7, 2] 
 
     }, { 
 
      name: 'Jane', 
 
      data: [2, -2, -3, 2, 1] 
 
     }, { 
 
      name: 'Joe', 
 
      data: [3, 4, 4, -2, 5] 
 
     }], 
 
     yAxis:{ 
 
     gridLineWidth: 0, 
 
     plotLines: [{ 
 
       color: '#000000', 
 
       width: 1, 
 
       value: 0 
 
      }], 
 
     labels: { 
 
     enabled: false 
 
     } 
 
     } 
 
    }); 
 
});

rect { 
 
    stroke-width:0; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.highcharts.com/highcharts.js"></script> 
 
<script src="https://code.highcharts.com/modules/exporting.js"></script> 
 

 
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

PS：代碼FO R該條形圖是不是我的，我抄它Highcharts的網站：http://www.highcharts.com/demo/column-negative