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

【问题标题】：Highstock - custom x axis labels or force x axis labels for specific formatHighstock - 自定义 x 轴标签或强制特定格式的 x 轴标签
【发布时间】：2014-09-23 13:04:00
【问题描述】：

这是 JSFiddle 上的一个简单的 highstock 图表。

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 Nov, 1 Dec, 1 Jan, 1 Feb...

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

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

我想强制更改 x 轴标签，以便显示，而不是每个月的第一天

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

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

【问题讨论】：

标签： javascript highcharts

【解决方案1】：

首先，你需要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。

【讨论】：

看起来我需要使用“tickPositioner”，但我看到的示例使用了 highchart。对于 x 轴为日期格式的 highstock，tickPositioner 如何工作？例如，在下面的 JSFiddle 中，我明确指定了两个 x 轴标签（jsfiddle.net/fjtu03qb/2），但它似乎不起作用
我猜question 应该可以帮助你；）或者this one。