如何在HighStock中显示每日网格线?目前似乎有错误

时间:2015-12-01 09:41:25

标签: charts highcharts highstock

我使用Highstock创建GANTT样式工作流程,但我使用X-Range Highcharts插件来允许X轴上的开始和结束日期。我想在每天都显示网格线,所以我在X轴上设置了以下内容:

tickInterval: 24 * 36e5

但是,网格线仅在每周出现。我已经搜索了所有但似乎无法找到特定于此问题的解决方案,任何帮助将不胜感激。

这是显示问题的jsfiddle

1 个答案:

答案 0 :(得分:0)

Highcharts可防止在图表上呈现太多刻度。也许目前的逻辑有点苛刻,但你可以随时使用xAxis.tickPositioner,看看:             tickPositioner:function(){                 的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/