2013-08-29 28 views
1

在具有格式爲[x,y]的數據序列的堆積圖中,左側和右側有較大的餘量。我已經創建瞭如下的jsfiddle與樣品數據:帶有x,y數據系列的圖表中的餘量

http://jsfiddle.net/ymyrA/4/

圖表的代碼如下:

$(function() { 
     var chart = new Highcharts.Chart({ 
      chart: {"renderTo": "container", "type": "column"}, 
      colors: ["#2f7ed8", "#0d233a", "#8bbc21", "#910000", "#1aadce", "#492970", "#f28f43", "#77a1e5", "#c42525", "#a6c96a", "#4572A7", "#AA4643", "#89A54E", "#80699B", "#3D96AE", "#DB843D", "#92A8CD", "#A47D7C", "#B5CA92"], 
      credits: {"enabled": false}, 
      plotOptions: {"column": {"stacking": "normal"}}, 
      series: [ 
       {"name": "Muster1", "data": [ 
        [11, 1], 
        [32, 1] 
       ]}, 
       {"name": "Muster2", "data": [ 
        [11, 7], 
        [12, 4], 
        [14, 4], 
        [15, 1], 
        [16, 1], 
        [17, 4], 
        [18, 6], 
        [19, 2], 
        [20, 1], 
        [21, 1], 
        [22, 1], 
        [25, 3], 
        [26, 2], 
        [28, 1], 
        [29, 1], 
        [30, 1] 
       ]}, 
       {"name": "Muster 3", "data": [ 
        [11, 2], 
        [13, 2], 
        [15, 1], 
        [16, 3], 
        [18, 5], 
        [19, 11], 
        [20, 8], 
        [21, 1], 
        [23, 3], 
        [24, 12], 
        [27, 3], 
        [28, 4], 
        [30, 3], 
        [31, 3], 
        [33, 3], 
        [34, 3] 
       ]} 
      ], 
      title: {"text": null}, 
      xAxis: {"title": {"text": "Week"}}, 
      yAxis: {"title": {"text": "Count"}} 
     }); 
    }); 

我與最小值和最大值,類別等等,並試圖什麼都沒有解決。如何調整圖表以全尺寸顯示?

我已經更新了代碼和jsfiddle的正確排序。我使用的是3.0而不是3.05,因此我在控制檯中沒有錯誤。隨着最新版本,我不得不留下的問題。其中一個是右側和左側的上述大幅度增加,另一個是我無法(即使使用tickInterval)每個日曆周都有一個tick。基於上述示例,整個圖表應該具有從x = 11到x = 34的範圍,並在每個x上打勾。

+0

你是什麼意思全尺寸? –

+0

控制檯中存在Highcharts錯誤 - 首先對數據進行排序,如果這無助於使用排序數據升級您的示例。 –

+0

http://www.highcharts.com/errors/15 – Mark

回答

1

問題是計算pointRange對於第一個系列 - 當只有兩個點時,對於x = 11和x = 31,假定該系列中的點之間的最小間隔爲20,因此Highcharts會嘗試設置間隔一些約20.對於這種情況下,你需要使用pointRange例如將其設置爲1,請參閱:http://jsfiddle.net/ymyrA/5/