Javascript 如何使用Highcharts创建组合图

需要创建一个类似于您在此处看到的图表：。到目前为止，我们成功地组装了一个JSFIDLE来显示这两个图表，但这还远远不够

如何正确地将底部图表（列）放置在第一个图表上，以实现示例中所示的效果

$（函数（）{
$.getJSON（'http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-json&回调=？'，函数（数据）{
//将数据集拆分为ohlc和卷
var ohlc=[]，
卷=[]，
dataLength=data.length，
//设置允许的数据分组单位
分组单元=[[
'周'，//单位名称
[1] //允许的倍数
], [
“月”，
[1, 2, 3, 4, 6]
]],
i=0；
对于（i；i

我将删除高度35%/65%分割，并显示具有相同基线的两个系列

然后我会隐藏体积轴以减少混乱

可以通过设置第二个隐藏轴的最大值而不是高度来修改音量条的高度（我使用了maxValue*3来近似35%的高度值）

按如下方式查找卷系列中的最大值：

    var maxVolume = Math.max.apply(Math, volume.map(function(v) { return v[1]}))

---

示例：

我认为您发布了未修改的JSFIDLE。我假设“最大值”是在您的JSFIDLE中定义的？在大于（3个月）的范围内，图表似乎仍然重叠。我尝试过根据ohlc范围动态计算音量条的最大高度。除了“所有”选项外，它的效果相当不错，祝你好运：

    var maxVolume = Math.max.apply(Math, volume.map(function(v) { return v[1]}))