Question

我想用Highstocks / Highcharts绘制一个时间序列背后的水平条形图，类似于显示的体积与蓝色here的价格。做了一些挖掘之后，我不相信Highcharts可以做到这一点，因为条形图基本上反转了x轴和y轴，因此我没有时间作为沿着底部运行的x轴并且价格如同垂直运行的x轴。我是对的吗？

Answer 1

没有内置选项来实现这一目标。

您可以使用polygon系列类型来伪造条形系列。

我过去通过创建两个图表来实现这一点，其中包含的div被定位，使它们看起来好像是相同的图表。

HTML：

<section id="wrapper">
    <div id="line-chart"></div>
    <div id="bar-chart"></div>
</section>

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/r2Lvo2dw/

（此示例自动从提供的行数据中构建直方图）

（水平）条形图和线图与Highcharts

1 个答案: