Highcharts：如何使用来自y轴的轴杆和来自x的脊柱

Question

我很想知道是否有人知道如何在高图中使用2个图（使用2轴），因为它在x轴上有一个正常的脊柱图，而在相反的y轴上有一个条形图？

我目前有一个带有样条曲线和柱形图的图表，但我被问到是否可以移动列以便它们从右边进入？

看到样条曲线是信息带，而条形图是总数，因此它们只需要一个轴，而刺激使用带数和数量。

我希望这些列来自右侧的y轴。

我尝试了多个x轴和y轴，但是当我改为＆＃39; bar＆＃39;而不是＆＃39;列＆＃39;它将条形图和脊柱图都翻转到右y轴。

理想情况下，我喜欢底部x轴上的脊柱和右边y轴上的条纹。

希望你们其中一人可以帮助我

Answer 1

不幸的是，在高级图表中不支持此功能，因此您需要始终使用相同的轴方向。

Answer 2

因此，如上所述，Highcharts中没有设置使用一个图表进行此操作。

然而，使用2个单独的图表和一些CSS工作，这是非常可行的。

这个想法是在一个div中构建一个折线图，在第二个div中构建一个条形图，将它们放在一个包装器中，并使用CSS定位（和图表的边距设置）来适当地排列它们。

这样的事情：

#wrapper {
    position:relative;
    margin:1em auto;
    padding:0;
    width:900px;
}
#line-chart {
    margin:0;
    padding:0;
    height:400px;
}
#bar-chart {
    position:absolute;
    top:0;
    right:0;
    width:200px;
    height:400px;
    margin:0;
    padding:0;
}

示例：

• http://jsfiddle.net/jlbriggs/ea5bf1j5/

我使用这种方法显示被观察时间序列的直方图。

当然，您可以使用定位和透明度，并以多种方式进行设置。

左边的条形示例，覆盖：

• http://jsfiddle.net/jlbriggs/ea5bf1j5/8/