轴上的高图日期季度视图

Question

如何在条形图中调整轴，以便每个季度的第一个月将显示为给定时间间隔的轴点。

例如： - 如果开始年份是2012年，结束年份是2013年，则轴应显示为

jan 2012, apr 2012, jul 2012, Oct 2012 , jan 2013, apr 2013, jul 2013, Oct 2013

Demo link

Answer 1

yAxis:  {      
 type: 'datetime',
 min: Date.UTC(2012,0,1),
 title: {text: ''},
 tickInterval: 24 * 3600 * 1000 *30 * 4,
 labels: {
 formatter: function() {
  var d= new Date(this.value);
  var month = d.getMonth();
  var monArr=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
  return monArr[month] + " - " + d.getFullYear();
  }
}               

Answer 2

您可以设置tickInterval而不是数组，并使用格式化程序使用Highcharts.dateFormat（）;

https://api.highcharts.com/highcharts/data.dateFormat