在Ajax向下钻取期间图表扩展时限制Highcharts x Axis

时间:2014-09-10 10:00:04

标签: jquery ajax highcharts

我创建了高级图表,我使用Ajax向下钻取,所以如果我单击xAxis标签,我通过Ajax传递了xAxis标签值,我将相应地加载系列中的新数据,有时我也会更改图表样条 - >列和列 - >明智的瀑布

但现在的问题是,我为仪表板设置了日期选择器,默认情况下我会显示3个月的数据 2014年3月,2014年4月,2014年5月,所以如果用户从2013年1月至2014年8月选择日期,系列和数据标签重叠,图表看起来很丑陋

因此,根据用户选择,我的图表有时仅显示1个月的数据或有时超过2年的数据,所以现在我需要将x轴的数量限制为8个月,因此如果用户选择的数量超过8个月我还需要显示8个月的数据

示例1:看起来很好 enter image description here

示例2:看起来很丑陋

enter image description here

我尝试过实施

minRange:xAxis里面的4我最终得到了这个

示例3:显示数组值

enter image description here

很抱歉没有发布任何小提琴或示例,因为数据很大,一切都在AJAX中工作,如日期选择器和深入研究所有内容

几乎我尝试了许多外部jquery函数,如在堆栈溢出的一些帖子中提到的有些与我的图表相关,但似乎没有工作

1 个答案:

答案 0 :(得分:1)

只需使用xAxis.ceiling即可。将其设置为7(类别从0开始),这应解决您的问题。