2017-03-02 46 views
0

我學習highchart與angularJs,x軸的第一跳是不是從0開始的,或者我們可以說,左圖的最角落,在這裏我連着輸出的屏幕截圖,在我現在有,我們如何配置highchart x軸從第一次打勾開始?

Line chart Image - not x axis first tick start form left most corner.

Column chart view - not x axis first tick start form left most corner.

爲此,我參考this solution其工作,但在僅2個值工作不正常存在於x軸只對x軸中心顯示0.5,不表示實際值。

我做這樣在我的例子,

xAxis: { 
        labels: { 
          enabled: true, 
          formatter: function() { 
           return this.value; 
          } 
         }, 
         tickmarkPlacement: 'on', 
         gridLineWidth: 0, 
         minPadding: 0, 
         maxPadding: 0, 
         startOnTick: true, 
         endOnTick: true, 
         align: "left", 
         lineColor: 'transparent' 
        } 

任何人都可以請指導我一樣?

+0

你可以ま可以舉一個問題的實例嗎?您可以修改這個小提琴http://jsfiddle.net/27hg0v06/1/ – morganfree

+0

當然,請檢查這個更多的細節,http://jsfiddle.net/Gauravr/27hg0v06/131/ –

+0

自定義軸類別可能會很棘手這樣看來,您可以更好地控制線性軸上的刻度線,最小值,最大值 - 因此您可以使用線性軸並使用軸標籤和點名稱的類別 - http://jsfiddle.net/27hg0v06/133/ – morganfree

回答

0

我想設置Y軸最小值和X軸最小值。 xAxis:{ labels:{ enabled:true, formatter:function(){ return this.value; } }, tickmarkPlacement: '上', gridLineWidth:0, 分鐘:0, maxPadding:0, startOnTick:真, endOnTick:真, 對齊: 「左」, lineColor: '透明' }, Y軸: { 分鐘:minYAxisValue, 最大:maxYAxisValue}

希望如此,它可能有助於..

+0

你能不能在這個小提琴中更新這個東西? jsfiddle.net/Gauravr/27hg0v06/131 –