2015-10-06 68 views
0

我有一个用highcharts构建的面积图表,我试图减少y轴单元格列之间的一些空间意味着将高度从0降低到1,1到2等,但是没有得到正确的结果。如何实现它?如何降低highchart中单元格的高度

enter image description here

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) 
      }); 
     }); 
+0

你能更具体?你想保留蜱(1,2,3,4,5),但你想让它们靠得更近?这是图表高度的函数,以及顶部和底部的边距/间距。因此,如果您想要相同的标签,但希望它们占用较少的空间,请减小图表高度或增加边距顶部/边缘底部 – jlbriggs

回答

0

集tickPixelInterval在Y轴,使用此:

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

集maxPadding在Y轴为0

yAxis:{ 
    maxPadding:0 
}