编辑：
如何将底部图表放在顶部图表的右侧并将它们对齐，就好像它们看起来像一个图表
<div><div id="container1" style="width: 300px; height: 400px;"></div><div id="container" style="width: 300px; height: 400px; margin: 0 auto"></div></div>
新编辑：
我能改变答案的唯一方法是，如果有人可以在一个容器div而不是2中开发相同的图表。
答案 0 :(得分：1)
我建议您构建两个条形图，设置它们的偏移量以使它们对齐，注意只有一个具有xAxis。
希望这对你有用。
答案 1 :(得分：1)
如果您不介意包含bootstrap.css库，解决方案非常简单。检查this小提琴。
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
答案 2 :(得分：0)
您打算：我如何在两个酒吧系列之间设置价值标签？ 你可以通过css完成它：
<div style="font-family:verdana">
<p style="text-align:center">Population pyramid for Germany, midyear 2010</p>
<p style="font-size:small;text-align:center">Source: www.census.gov</p>
<div id="container1" style="width: 50%; height: 400px;float:left"></div>
<div id="container" style="width: 50%; height: 400px;float:left;position:relative;left:-55px"></div>
</div>
<div style="clear:both"></div>
以及HighCharts代码的一些改进。请参阅jfiddle。