Highcharts - 具有日期时间值的TickInterval

时间:2016-06-28 12:39:57

标签: javascript highcharts

来自highcharts docs:http://api.highcharts.com/highstock#xAxis.tickAmount

我可以看到tickInterval对于日期时间轴是不可用的,所以我的问题是,是否有一种解决方法来设置我的xAxis中的刻度标签数量?

我试着玩了一段时间,直到现在都没有成功。

2 个答案:

答案 0 :(得分:1)

这个答案假设你确实想要tickInterval而不是tickAmount

我已成功将tickInterval用于datetime轴。这一切都取决于每个刻度标记之间需要多长时间。

例如,如果要显示每个日历年的刻度,可以执行以下操作:

tickInterval: 1000 * 60 * 60 * 24 * 365
// milliseconds * seconds * minutes * hours * days = 1 year

我希望这有用!

答案 1 :(得分:0)

类似于this.dataMin / this.dataMax的值是秒,而不是毫秒

tickPositioner: function(){
    var positions = [] ;
    var min = Math.floor(this.dataMin) ;
    var max = Math.floor(this.dataMax) ;
    var gap = (max - min) / (60*60*24*30) ;
    var d = new Date(this.min*1000);

    for(i=0;i < (gap+1);i++){
        var d2 = new Date( d.getFullYear()+'-'+(d.getMonth()+1+i)+'-01');
        positions.push(d2.getTime()/1000);
    }
    return positions;
}