首页 文章

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

提问于
浏览 次
0

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

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

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

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

我尝试了多个x轴和y轴但是当我改为'bars'而不是'columns'时，它会将条形图和脊柱图形翻转到右y轴 .

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

希望你们中的一个可以帮助我

highcharts

2 回答

  • 0

    因此，如上所述，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;
}

    例：

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

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

    左边的条形示例，重叠：

    回复于
  • 0

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

    回复于

相关问题