Javascript 在折线图/柱形图上对齐X轴

我无法让我的通用日期时间xAxis在折线图和柱状图之间直观地排列。我要十字准星同步移动

以下是带有同步十字光标的折线图和柱状图，以演示：

（注意：我实际上使用的是Highstock的当前版本，但小提琴只是一个简单的例子）

强制性代码（改为使用小提琴）：

$（“”）
.appendTo（“#container”）
.海图({
标题：{
文本：“图表A”，
},
图表：{
类型：“行”
},
xAxis：{
键入：“日期时间”，
十字准星：没错，
},
亚克斯：{
标题：{
文本：未定义
},
标签：{
启用：false，
},
},
系列：[
{
名称：'行'，
键入：“行”，
数据：[
[1072915200000, 8000],
[1104537600000, 9000],
[1136073600000, 10000],
[1167609600000, 11000],
[1199145600000, 12000],
[1230768000000, 13000],
[1262304000000, 14000],
[1293840000000, 15000],
]
}
]
});
$('')
.appendTo（“#container”）
.海图({
标题：{
正文：“图表B”，
},
图表：{
类型：“列”
},
xAxis：{
键入：“日期时间”，
十字准星：没错，
},
亚克斯：{
标题：{
文本：未定义
},
标签：{
启用：false，
},
},
打印选项：{
专栏：{
堆叠：“正常”，
}
},
系列：[
{
键入：“行”，
名称：'行'，
数据：[
[1072915200000, 800],
[1104537600000, 900],
[1136073600000, 1000],
[1167609600000, 1100],
[1199145600000, 1200],
[1230768000000, 1300],
[1262304000000, 1400],
[1293840000000, 1500],
]
},
{
键入：“列”，
名称：'列'，
数据：[
[1072915200000, 800],
[1104537600000, 900],
[1136073600000, 1000],
[1167609600000, 1100],
[1199145600000, 1200],
[1230768000000, 1300],
[1262304000000, 1400],
[1293840000000, 1500],
]
}
]
});

设置xAxis的最小填充、最大填充属性：

 xAxis: {
            type: 'datetime',
            crosshair: true,
            minPadding: 0.08,
            maxPadding: 0.08
        }

---

请注意，如果您使用导航器，您将需要一种不同的方法-导航器设置极端值，并重置填充。

您确定了对齐方式。关于导航器的观点很好，因为我没有意识到这一点很重要。我正在使用它们。什么方法有助于导航器？理想端点：如果你做了像setextrems（null，null）这样的事情，就会应用填充——这是一种方法。另一种是设置极值，但使用诸如-setextrems（e.min-additionalPadding，e.max+additionalPadding）等附加值。第一种情况的例子：这是为了填充，使线条对齐-你需要同步两个图表中的极端值，但你可以在Highcharts网站上的演示中找到它。小提琴看起来非常好，我相信我可以使用它。谢谢你的建议。

 xAxis: {
            type: 'datetime',
            crosshair: true,
            minPadding: 0.08,
            maxPadding: 0.08
        }