Highcharts Highchart不带范围选择器的多轴时间线图表

我有一个这样的数据集，其中每个层本身就是一个图表（下面的示例数据集），下面的图表只绘制第一周的第一层

我想给它添加一个时间轴（日期选择器和时间选择器（而不是范围选择器）），它让我在交互时显示不同的层

var数据序列=[{
名称：“第一周”，
数据：[1,2,2,1,1,2,2]
}, {
名称：“第2周”，
数据：[6,12,2,3,3,2,2]
}, {
名称：“第3周”，
数据：[4,5,6,5,5,4,9]
}, {
名称：“第4周”，
数据：[5,5,6,6,5,6,6]
}, {
名称：“第5周”，
数据：[6,7,7,6,6,6,7]
}, {
姓名：“第6周”，
数据：[8,9,9,8,8,8,9]
}, {
姓名：“第7周”，
数据：[9,10,4,10,9,9,9]
}, {
名称：“第8周”，
数据：[1,10,10,10,10,11,11]
}, {
名称：“第9周”，
数据：[11,11,12,12,12,11,11]
}];
$（“#容器”）。高图({
图表：{
类型：'areaspline'
},
标题：{
文本：“带时间控制的高图表-周”
},
xAxis：{
类别：[
“星期一”，
"星期二",，
“星期三”，
"星期四",，
“星期五”，
“星期六”，
“星期日”
]
},
亚克斯：{
标题：{
文字：“水果单位”
}
},
打印选项：{
面积样条曲线：{
填充不透明度：0.5
}
},
系列：[{
姓名：'按周'，
数据：dataSequence[0]。data.slice（）
}, {
名称：“平均每周”，
数据：[6,8,6,7,7,6]
}]
});
您可以添加一些自定义按钮，然后单击使用
setData
方法更改当前数据集：

document.getElementById('week3').addEventListener('click', function() {
    chart.series[0].setData(dataSequence[2].data);
});

document.getElementById('week7').addEventListener('click', function() {
    chart.series[0].setData(dataSequence[6].data);
});


现场演示：

API参考：
@ppotaczek。它可能有很多要点。。想象一下，而不是9周。。900周。。这就是为什么我需要一个时间线导航器，而不能让它成为您建议的基于按钮的解决方案。。我在等待最新消息。。感谢againHi@user4772933，这只是一个例子。以类似的方式，您可以将例如
输入
与
范围
类型一起使用：