如何降低highchart中單元格的高度

我有一個用highcharts構建的面積圖表，我試圖減少y軸單元格列之間的一些空間意味着將高度從0降低到1,1到2等，但是沒有得到正確的結果。如何實現它？如何降低highchart中單元格的高度

jQuery(document).ready(function() { 
      var txt = document.getElementById('hdnYaxis'); 
      var txtFoxXAxis = document.getElementById('hdnXaxis'); 
      $('#container').highcharts({ 
       chart: { 
        type: 'area' 
       }, 
       title: { 
        text: 'Monthly Status' 
       }, 
       xAxis: { 
        categories: $.parseJSON(txtFoxXAxis.value), 
        labels: { 
         style: { 
          color: 'red' 


         } 

        }, 
        maxPadding: 0, 
       }, 

       tooltip: { 
        pointFormat: '{series.name} <b>{point.y:,.0f}' 
       }, 
       plotOptions: { 
        area: { 

         marker: { 
          enabled: false, 
          symbol: 'circle', 
          radius: 2, 
          states: { 
           hover: { 
            enabled: true 
           } 
          } 
         } 
        } 
       }, 
       series: $.parseJSON(txt.value) 
      }); 
     });

來源

2015-10-06 user3090790

你能更具體？你想保留蜱（1,2,3,4,5），但你想讓它們靠得更近？這是圖表高度的函數，以及頂部和底部的邊距/間距。因此，如果您想要相同的標籤，但希望它們佔用較少的空間，請減小圖表高度或增加邊距頂部/邊緣底部 – jlbriggs

集tickPixelInterval在Y軸，使用此：

yAxis: { 
     tickPixelInterval: 10 // whatever you want 
    }

來源

2015-10-06 06:33:06

集maxPadding在Y軸爲0

yAxis:{ 
    maxPadding:0 
}

來源

2015-10-06 12:37:37

如何降低highchart中單元格的高度

回答

相關問題