2016-01-21 75 views
0

我想覆盖两个日期时间x轴不是从相同的日期范围,但具有相同的点数(系列1中的点索引x应该在系列2的点索引x旁边)。Highcharts覆盖多个日期时间系列

我试图用两个x轴实现这一点,其中一个被隐藏。

我基本上似乎工作,但酒吧只在某些缩放级别对齐。

放大的:

enter image description here

缩小了的:

enter image description here

Here与设置的的jsfiddle我想:

"xAxis": [{ 
 
    tickInterval: 36e5, 
 
    "type": "datetime", 
 
    "dateTimeLabelFormats": { 
 
    "day": "%H" 
 
    }, 
 
    visible: false 
 
}, { 
 
    tickInterval: 36e5, 
 
    "type": "datetime", 
 
    "dateTimeLabelFormats": { 
 
    "day": "%H" 
 

 
    }, 
 
}

回答

0

从@pawel fus的解决方案可能在大多数情况下工作,不幸的是不适合我。

我最终为两个系列的x轴使用完全相同的值,并且只为每个值设置了不同的名称。

1

我想你要使用的类别 - 这样你会得到轴均匀分布的点,一起来看看:http://jsfiddle.net/8wahvryx/2/

"xAxis": [{ 
    "type": "category", 
    labels: { 
    formatter: function() { 
     return Highcharts.dateFormat('%H:%M', this.value); 
    } 
    } 
}, { 
    "type": "category", 
    visible: false 
}] 

如果你不想改变你的数据格式,可以覆盖钥匙从阵列(默认为[x, y])支持名称:

plotOptions: { 
    column: { 
    keys: ['name', 'y'] 
    } 
}, 

注意:在分类轴,point.name用作点以下类别名称。使用xAxis.labels.formatterxAxis.labels.format将时间戳更改为小时。