以下小提琴中最好描述此问题: https://jsfiddle.net/bernhard_kern/85s2fm5a/3/。 我们使用两个系列和两个xAxis。
xAxis: [{
type: 'datetime',
min: new Date('2016/02/22').getTime(),
max: new Date('2016/03/05').getTime()
}, {
type: 'datetime',
min: new Date('2015/02/22').getTime(),
max: new Date('2015/03/06').getTime()
}],
我想比较每年的timseries,由于闰年(2016年2月29日),它们具有不同的数值。
要求: 即使存在闰年,也会显示彼此相同的日期。
在示例中,您可以看到 3月1日显示在2月29日下方。对于非闰年时间序列,应该存在差距。即使我在3月1日添加空值,我也无法停止连续时间。
有人能帮助我吗?
答案 0 :(得分:5)
我会这样接近:
1)使用单个x轴,使用当前年份的pointStart(或者,无论哪一年是闰年),以确保您可以计算闰日。甚至不管在哪一年在这里使用,只要它是闰年。你可以使用1976而不影响最终结果)
2)在闰日的日期,在没有闰日的数据系列中,插入一个空值
3)使用系列名称来表示相关年份,并在工具提示中(和/或您需要显示日期的任何其他位置),格式化要返回的日期而不是年份。
代码示例:
$('#container').highcharts({
chart: {
renderTo: 'container'
},
plotOptions: {
series: {
pointStart: Date.UTC(2016, 1, 22),
pointInterval: 24 * 3600 * 1000 // one day
}
},
tooltip: {
shared: true,
crosshairs: true,
dateTimeLabelFormats : {
day:"%b %e"
}
},
xAxis: {
type: 'datetime'
},
series: [{
name: '2015',
data: [176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, null, 71.5, 106.4, 129.2, 144.0],
},{
name:'2016',
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
}]
});
<强>小提琴:强>