Highcharts-具有相同x比例的多个绘图

我想做一个x轴对齐的多个图，这样我们可以比较两组数据。我希望它看起来像这样

在我的例子中，有一些额外的要求，一些绘图是直线，一些是条形图。因此，即使数据范围相同，默认比例也不会对齐

我发现了一些关于“叠加”图表的好建议。这有点复杂，但很有希望尝试

然而，我也有其他用例可以推动简单堆叠的发展。例如，当x轴和y轴必须像这样对齐时，我想做散点图矩阵

---

与将多个图表放在一个Highchart中不同，这可能需要有多个单独的图表，但更好地控制轴的布局方式。

如果要使用一个图表，可以使用选项连接轴

---

如果您想要更简单的图表，可以使用事件连接axis，您可以调用另一个图表。

我使用SeteXtrems将两个图表设置为相同的范围，但网格仍然不对齐。这是基于第二个链接中的堆叠示例。它正确对齐。但我需要在轴标签中工作。对不起，错过了你的评论。对于列，您必须设置

pointRange

，对于标签，我建议改为设置固定边距。见：谢谢。这个例子很有效。但一旦我尝试将它应用到我的应用程序中，它就不会再次对齐。我的x轴是线性的，而不是日期时间。我不能把它们排成一行，我有一些尝试和错误。将条形图与折线图对齐的关键是将柱状图的pointRange设置为0。要补偿0宽度列，请将xAxis'min/maxPadding设置为0.03。对不起，我没有时间制作一个可观看的演示。