2012-10-01 83 views
2

我有一個HighCharts圖表來顯示一些信息。我每天都會收集信息。每個條目都是唯一的 - >我不能使用單個系列。HighCharts - 刪除堆疊酒吧系列之間的空間

問題是:兩天之間,有一個巨大的空間,我不知道如何減少或刪除它。 當我玩PlotOptions時沒有任何效果。 我認爲原因是我的xAxis-Handling,因爲如果我使用「正常方式」來聲明xAxis categies,沒有問題。

我的jsfiddle:http://jsfiddle.net/MhL2Q/1/

另外,工作的jsfiddle:jsfiddle_dot_net/wergeld/M85tL /(只允許2個鏈接)

原始HighChart DEMO:http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-stacked/

+0

如果你只是你的容器高度設置爲200像素? –

+0

@MikeRobinson玩高空可能是正確的方法。但看看http://jsfiddle.net/MhL2Q/3/ - 你可以看到,第1行和第3行只是第2行的一半高度 – DerAbt

+0

很酷,看到我的一個小提琴被引用。 – wergeld

回答

1

您可以使用xAxis.minPaddingxAxis.maxPadding

填充最大相對價值的對軸的長度。 0.05的填充 將使100px軸長5px。當您的 不希望最高數據值出現在圖 區域的邊緣時,此功能非常有用。當axis'max選項被設置或者使用axis.setExtremes()設置最大極限時,maxPadding將被忽略。默認爲0。

xAxis: { 
    type: 'datetime', 
    dateTimeLabelFormats: { 
     month: '%e. %b', 
     year: '%b' 
    }, 
    tickInterval: 24 * 3600 * 1000, 
    tickWidth: 1, 
    minPadding: 0.5, 
    maxPadding: 0.5     
} 

Padding datetime axis @ jsFiddle

+0

謝謝,你太棒了! http://jsfiddle.net/MhL2Q/4/ – DerAbt

+0

@DerAbt乾杯:)很高興幫助!我有沒有提到highcharts有一個令人敬畏的文檔,更多真棒示例@ http://api.highcharts.com/highcharts下次應該會很方便地給你 –

1

是否this滿足您的需求?您需要刪除圖表中的所有填充。

+0

對不起,不起作用。見http://jsfiddle.net/MhL2Q/2/ – DerAbt

相關問題