Question

在此演示jsFiddle中，它显示了如何制作包含2个窗格的图表。但是，窗格的位置值是硬编码的，可以使用500px图表。此外，如果您删除导航器和滚动条（this jsFiddle），图表看起来不再好看。

我想根据总yAxis高度的百分比来定义窗格高度，如下所示：

yAxis: [{
    title: {
        text: 'OHLC'
    },
    height: yAxisHeight * 0.5,
    lineWidth: 2
}, {
    title: {
        text: 'Volume'
    },
    top: yAxisHeight * 0.75,
    height: yAxisHeight * 0.25,
    offset: 0,
    lineWidth: 2
}],

但是，我只能在创建图表后获得yAxis的高度，然后必须重绘图表，这看起来效率很低。

var options = createMyOptions();
var chart = new Highcharts.StockChart(options);
var yAxisHeight = chart.yAxis[0].height;
options.yAxis[0].height = yAxisHeight * 0.5;
options.yAxis[1].top = chart.yAxis[0].top + yAxisHeight * 0.75
options.yAxis[1].height = yAxisHeight * 0.25;
chart.yAxis[0].update(options, true);
chart.yAxis[1].update(options, true);

有什么想法吗？

HighStock图表有两个窗格和使用动态定位

0 个答案: