如何在 HighStock 中显示每日网格线？目前似乎有问题

Question

我正在使用 Highstock 创建甘特图风格的工作流程，但我正在使用 X-Range Highcharts 插件来允许 X 轴上的开始和结束日期。我想让网格线每天都显示，所以我在 X 轴上设置了以下内容：

tickInterval: 24 * 36e5

不过，网格线只在每周出现一次。我到处搜索但似乎找不到针对此问题的解决方案，我们将不胜感激。

这里 jsfiddle 显示了问题。

Answer 1

Highcharts 防止在图表上呈现过多的刻度。可能现在的逻辑有点苛刻，但是你总可以用xAxis.tickPositioner，看看： tickPositioner：函数（）{ console.log(this.tickPositions);

            var tp = this.tickPositions,
                first = tp[0],
                last = tp[tp.length - 1],
                ticks = [],
                interval = 24 * 36e5;

            while (first <= last) {
                ticks.push(first);
                first += interval;
            }

            return ticks;    
        },

演示：http://jsfiddle.net/LeL28nqr/6/

为了更好的可读性，我建议更改 labels.step 选项 - 例如设置为每 7 天：http://jsfiddle.net/LeL28nqr/7/