我使用Highstock创建GANTT样式工作流程,但我使用X-Range Highcharts插件来允许X轴上的开始和结束日期。我想在每天都显示网格线,所以我在X轴上设置了以下内容:
tickInterval: 24 * 36e5
但是,网格线仅在每周出现。我已经搜索了所有但似乎无法找到特定于此问题的解决方案,任何帮助将不胜感激。
这是显示问题的jsfiddle。
答案 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/