Highcharts對齊繪圖點開始在y軸

我已經盡我所能讓圖表從圖表的絕對左側（偏移量，minPadding，startOnTick等）開始。無論我做什麼，我都無法從很遠的一邊開始。下面是圖片的例子： enter image description here Highcharts對齊繪圖點開始在y軸

這裏是一個代碼示例IM的jsfiddle在那裏你可以嘗試一下： http://jsfiddle.net/agrublev/VDVpu/3/

，這裏是一些代碼：

chart: { 
     type: 'area', 
     height: '175' 
    }, 
    legend: false, 
    plotOptions: { 
     series: { 
      events: { 
       click: function (e) { 
        location.href = e.point.options.url; 
       } 
      }, 
      fillColor: { 
       linearGradient: [0, 0, 0, 300], 
       stops: [ 
        [0, 'rgba(201,241,217,0)'], 
        [1, 'rgba(201, 241, 217,1)'] 
       ] 
      } 
     } 
    }, 
    title: { 
     text: false 
    }, 
    xAxis: { 
     categories: ['04/17', '04/17', '04/17', '04/18', '04/19', '04/19', '04/20', '04/20', '04/21', '04/21'], 
     labels: { 
      align: "left" 
     },tickmarkPlacement: 'on', 
     startOnTick: true 
    }, 
    yAxis: { 
     title: { 
      text: false 
     }, 
     labels: { 
      formatter: function() { 
       return '$' + (this.value).formatMoney(0); 
      }, 
      y: 15 
     }, 
     alternateGridColor: '#f4f8f9', 
     gridLineColor: '#c4dce2' 
    },

高度會感謝所有幫助！

來源

2013-05-08 agrublev

不要使用分類x軸，嘗試使用或線性或日期時間與labelformatter。實施例：

xAxis: { 
    labels: { 
    formatter: function(){ 
     return names[this.value]; 
    } 
    } 
}

其中names是類別的陣列。請參閱：http://jsfiddle.net/9tpao7Lf/

來源

2013-05-09 09:40:18

嗨，你不介意更新的jsfiddle？它返回404. – 2014-11-18 22:58:00

當然，請參閱新的jsfiddle。 – 2014-11-19 10:40:21

我想，而不是類系列去像here

的日期時間序列我已經改變了你的jsfiddle你可以檢查在http://jsfiddle.net/VDVpu/4/

xAxis:{ 
type:'datetime', 
}

來源

2013-05-09 09:26:45 Strikers

如果您不想更改xAx的類型，則可能的解決方案之一是在xAxis選項中最多使用最小&。

對於全球化志願服務青年支票下面的jsfiddle代碼 http://jsfiddle.net/zdMTy/58/

var categories = ['A', 'B', 'C', 'D','E']; 
    xAxis: { 
      categories: categories, 
      min: 0.5, 
      max:categories.length - 1.5 
    }

來源

2016-05-18 07:18:49 Kaushal

Highcharts對齊繪圖點開始在y軸

回答

相關問題