如何在高图表上显示计费周期相关数据的日期时间等间距轴



我想使用高图表显示计费周期数据,其中x轴是日期时间。要求只显示5个标签。但计费周期开始和计费周期结束日期应该始终显示,我们必须以相等的间隔显示剩余天数。

例如

  1. 如果计费周期-2015年6月24日至2015年7月23日显示标签:24/06 01/07 08/07 15/07 23/07

  2. 如果计费周期为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日等)。

相关内容

  • 没有找到相关文章

最新更新