2013-07-12 111 views
0

我得到highchart問題到頂的間距,我想我的圖形採取根據整個空間,但常是在DATAS和我div的頂部之間的空間。Highcharts:禁止從柱形圖

這裏,如果我的小提琴:http://jsfiddle.net/w2bz5/35/

這裏是我的javascript代碼:

jQuery(function() { 
    jQuery('#container').highcharts({ 
      chart: { 
       type: 'column', 
       backgroundColor: '#3d3d3d', 
       margin: [0, 0, 0, 0], 
       width: 100, 
       height: 100, 
      }, 
      title: { 
       text: null, 
       margin: 0, 
       floating: true, 
       verticalAlign: 'bottom', 
       x: 0, 
       y: 0 
      }, 
      plotOptions: { 
       column: { 
        stacking: 'normal', 
        dataLabels: { 
         enabled: false 
        } 
       } 
      }, 
      yAxis: { 
       title: { 
        text: null, 
        margin: 0 
       }, 
       labels: { 
        enabled: false 
       }, 
       gridLineWidth: 0, 
       lineWidth: 0, 
       minorGridLineWidth: 0, 
       lineColor: 'transparent', 
       minorTickLength: 0, 
       tickLength: 0 
      }, 
      tooltip: { 
       enabled: false 
      }, 
      xAxis: { 
       title: { 
        text: null 
       }, 
       labels: { 
        enabled: false 
       }, 
       gridLineWidth: 0, 
       lineWidth: 0, 
       minorGridLineWidth: 0, 
       lineColor: 'transparent', 
       minorTickLength: 0, 
       tickLength: 0 
      }, 
      legend: { 
       enabled: false 
      }, 
      credits: { 
       enabled: false 
      }, 
      series: [{ 
       data: [1298], 
       color: '#00FF00', 
       borderColor: null 
      }, { 
       data:[4302], 
       color: '#FF0000', 
       borderColor: null 
      }] 
     }); 
    }); 

提前感謝!

施奈特

回答

4

你要設置堆疊%的,而不是正常

plotOptions: { 
    column: { 
     stacking: 'percent', 
     dataLabels: { 
      enabled: false 
     } 
    } 
}, 

文檔:High Charts Documentation

普通堆疊假設將有每列,這意味着你將有列的大小不同的各種價值觀 - 這就是爲什麼它在頂部離開的空間。將其設置爲百分比意味着每個列將是相同的高度,無論它包含的值如何。

在附註上,如果您打算將它們縮小,導出按鈕會妨礙圖表。您可以將其添加到您的選項列表中,將其刪除。

exporting: { 
    enabled: false 
} 

Fiddle Link