Highstock - 特定格式的自定义x轴标签或强制x轴标签

时间:2014-09-23 13:04:00

标签: javascript highcharts

这是JSFiddle的简单高级图表。

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/stock/xaxis/range/

你可以看到highstock图表,以某种方式计算出显示x轴标签为

22nd Nov, 20 Dec, 17 Jan, 14 Feb....

如何强制此x轴标签显示每个月的第1天?例如,我希望它显示

1 Nov, 1 Dec, 1 Jan, 1 Feb...

另外,如果我的x轴范围设置为以下

range: 1 * 30 * 24 * 3600 * 1000 // one month

我想强制更改x轴标签,而不是每个月的第1个,我想显示

1 Jan, 7 Jan, 14 Jan, 21 Jan, 28 Jan

基本上,我正在寻找一种方法来改变x轴标签以显示我想要的方式。

1 个答案:

答案 0 :(得分:0)

首先,您需要Highstock的ordinal轴吗?如果没有,则只需将其停用,然后设置tickInterval,就像这样:http://jsfiddle.net/vrzjp468/

    xAxis: {
        ordinal: false,
        range: 6 * 30 * 24 * 3600 * 1000, // six months
        tickInterval: 30 * 24 * 3600 * 1000
    },

当然,当你需要不同的情况时,比如每两周一次,然后设置tickInterval: 14 * 24 * 3600 * 1000

如果您需要使用序数轴,请尝试使用tickPositioner