highcharts: 設置數據點起始位置為坐標原點

最近剛完成的新項目已經上線，閑下來嘗試優化細節問題。第一步頁面的圖表插件，趕項目的時候匆匆忙忙，許多圖表的問題沒來得及去解決。先把問題拋出：

數據點的起始點和結束點  都位於坐標軸的中間點，想要達到的效果：數據點起始位置是坐標的原點，結束位置是坐標軸的末端，以此為背景。

 

操作步驟：

1、y軸方向從原點開始：

yAxis: {  
　　minPadding:0,  
　　startOnTick:false  
}

2、x軸方向從原點開始：

var categories=["2017.1.27","2017.8.28"];　　　　//先定義categories數組

//labels的formatter格式化方法根據當前刻度值角標去categories數組內對應獲取想要體現的刻度值

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

//為了讓刻度不出現間斷效果，我們在設置一下刻度間隔屬性tickInterval為1

ops.xAxis.tickInterval=1;

 完成這兩步，最終達到效果：數據點以原點為起始坐標點

  

xAxis的labels對象用來設置軸標簽 的內容,

formatter:function   坐標軸格式化回調函數，函數里，坐標軸的值可以通過this.value獲取

xAxis:{
　　labels:{
　　　　formatter:function(){　　//坐標軸格式化回調函數
　　　　　　return this.value
　　　　}
　　}        
}

了解詳細的信息，附上網址一個：https://api.hcharts.cn/highcharts#xAxis.labels.formatter