Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用highcharts在季度图表上缩放时显示特定月份_Javascript_Jquery_Highcharts - Fatal编程技术网

Javascript 使用highcharts在季度图表上缩放时显示特定月份

Javascript 使用highcharts在季度图表上缩放时显示特定月份,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我正在寻找一种方法,在面积样条曲线图上显示特定季度之间的月份 以下是缩小时的视图: 在这里它被放大了: 我想做的是在用户放大图表时显示1月14日至4月14日(以及其他月份)之间的月份 关注点: xAxis:{ 键入:“日期时间”, 滴答声间隔:3*30*24*3600*1000 } 系列:[{ 名称:“X”, 数据:[ [UTC日期(2014,0,1),随机编号(), [UTC日期(2014年1月1日),随机编号(), [UTC日期(2014年2月1日),随机编号(), [UTC日期(201

我正在寻找一种方法,在面积样条曲线图上显示特定季度之间的月份

以下是缩小时的视图:

在这里它被放大了:

我想做的是在用户放大图表时显示1月14日至4月14日(以及其他月份)之间的月份

关注点:

xAxis:{
键入:“日期时间”,
滴答声间隔:3*30*24*3600*1000
}

系列:[{
名称:“X”,
数据:[
[UTC日期(2014,0,1),随机编号(),
[UTC日期(2014年1月1日),随机编号(),
[UTC日期(2014年2月1日),随机编号(),
[UTC日期(2014年3月1日),随机编号(),
[UTC日期(2014年4月1日),随机编号(),
[UTC日期(2014年5月1日),随机编号(),
[UTC日期(2014年6月1日),随机编号(),
[UTC日期(2014年7月1日),随机编号(),
[UTC日期(2014年8月1日),随机编号(),
[UTC日期(2014年9月1日),随机编号(),
[UTC日期(2014年10月1日),随机编号(),
[UTC日期(2014年11月1日),随机编号(),
[UTC日期(2014年12月1日),随机编号()]
]
}]

这是我到目前为止得到的代码笔:


谢谢

您需要使用它来为动态滴答声准备函数。在函数体中,您可以将dataMin/dataMax与min/max进行比较,您将知道图表是否缩放。

好的,在阅读了他们的文档后,我发现
tickInterval
afteretextream
是放大后我需要从季度视图转到月度视图的内容

下面是一个代码示例:

xAxis: {
  type: 'datetime',
  tickInterval: 3 * 30 * 24 * 3600 * 1000,
  events: {
    afterSetExtremes: function(event){
      if (event.max < this.getExtremes().dataMax || event.min > this.getExtremes().dataMin) {
        this.update({
          tickInterval: 1 * 30 * 24 * 3600 * 1000
        });
      } else {
        this.update({
          tickInterval: 3 * 30 * 24 * 3600 * 1000
        });
      }
    }
  }
xAxis:{
键入:“日期时间”,
滴答声间隔:3*30*24*3600*1000,
活动:{
AfterSetExtrems:函数(事件){
if(event.maxthis.getExtremes().dataMin){
这是更新({
滴答声间隔:1*30*24*3600*1000
});
}否则{
这是更新({
滴答声间隔:3*30*24*3600*1000
});
}
}
}
下面是一个非常简单的工作示例:

如果您感兴趣,下面是完整的代码:

你能举个例子吗?