2016-01-15 87 views
0

第一跳位置這是我的圖表改變對X軸

chart

我需要從我的圖表啓動蜱開始,沒有填充左側。

我試圖讀取文檔,但我無法找到任何關於它的

+0

看看minPadding。如果沒有這樣做,請發佈圖表的現場小提琴,或者至少是代碼。 – jlbriggs

+0

http://jsfiddle.net/ns4txh0f/這是我的代碼,是的,我試着minpadding – oleghalin

+0

在這裏看到我的答案爲什麼分類軸不會以你期望的方式表現:http://stackoverflow.com/questions/34653678/why-is-the-highcharts-tick-placement-different-in-two-similar-charts/34656442#34656442然後按照wergeld的回答如何向前移動它 – jlbriggs

回答

1

%的文檔應該反正與xAxis.startOnTick做這樣的:

Whether to force the axis to start on a tick. 
Use this option with the minPadding option to control the axis start. 
Defaults to false. 

所以,也許您在圖表中改寫本碼?

更新: 所以,從你的代碼你有什麼是一個分類xAxis和區域折線圖。風格*這是沒有多大意義,因爲整個類別「箱」是一個單一的價值觀,你正在把時間價值(我假設,因爲他們是['00:00', '05:00', '05:00', '05:00', '05:00'])。爲什麼不製作一個實際的時間序列xAxis?這將根據時間給出離散x位置,您可以看到該區域圖更清晰一些。

Sample基於時間的X軸:

$(function() { 
    $('#container').highcharts({ 
    chart: { 
     type: 'area' 
    }, 
    xAxis: { 
     startOnTick: false, 
     type: 'datetime' 
    }, 
    series: [{ 
     name: 'John', 
     data: [0, 3, 4, 7, 2], 
     pointStart: Date.UTC(2010, 0, 0), 
     pointInterval: 5 * 3600 * 1000 // 5 hour 
    }, { 
     name: 'Jane', 
     data: [2, -2, -3, 2, 1], 
     pointStart: Date.UTC(2010, 0, 0), 
     pointInterval: 5 * 3600 * 1000 // 5 hour 
    }, { 
     name: 'Joe', 
     data: [3, 4, 4, -2, 5], 
     pointStart: Date.UTC(2010, 0, 0), 
     pointInterval: 5 * 3600 * 1000 // 5 hour 
    }] 
    }); 
}); 
  • 我的意思是 「文體」 是,你必須從 「00:00」 難符爲 「05:00」。所以我們假設這是5個小時之間的類別。由於您的點之間有5小時的差距,所以區域圖是否真的向用戶傳達任何信息?這裏不是簡單的柱狀圖更有意義嗎?如果這是甚至5分鐘之間的類別,這似乎有點可以使這個面積圖。
+0

jsfiddle.net/ns4txh0f這是我的代碼,是的,我試過minpadding – oleghalin

+0

我需要每5分鐘,而不是5小時 – oleghalin

+0

您可以調整'pointInterval'。 5分鐘將是'300 * 1000'。 – wergeld