我想使用高图表显示计费周期数据,其中x轴是日期时间。要求只显示5个标签。但计费周期开始和计费周期结束日期应该始终显示,我们必须以相等的间隔显示剩余天数。
例如
-
如果计费周期-2015年6月24日至2015年7月23日显示标签:24/06 01/07 08/07 15/07 23/07
-
如果计费周期为2015年6月15日至2015年7月14日显示标签:15/06 22/06 29/06 06/07 14/07
任何帮助/提示都会对我有很大帮助:)
只需使用tickPositioner
-并编写您的逻辑。简而言之,它将是:
tickPositioner: function () {
var ticks = [],
min = this.min,
max = this.max,
range = max - min,
interval = range / 5;
while (min < max) {
ticks.push(min);
min += interval;
}
return ticks;
}
Demo(适用于yAxis,但无所谓):http://jsfiddle.net/qkLd44h1/
附言:你可能想编辑上面的一个比特算法,将滴答声四舍五入到特定的一天(比如总是月1日等)。