javascript - Highcharts 多个图形堆叠在单独的 "<div>"中并具有组合缩放

Question

我正在从 Highcharts 中寻找一个完成以下操作的基本示例

一个。 3 个相互堆叠的独立图形窗口 b.结合缩放选项，其中所有三个单独的图形都可以缩放数据。

我正在寻找的是“highstock”数据，我可以在其中添加更多窗口。

谢谢， 比拉尔

Answer 1

你可以引用这个例子

  yAxis: [{
            labels: {
                align: 'right',
                x: -3
            },
            title: {
                text: 'OHLC'
            },
            height: '60%',
            lineWidth: 2
        }, {
            labels: {
                align: 'right',
                x: -3
            },
            title: {
                text: 'Volume'
            },
            top: '65%',
            height: '35%',
            offset: 0,
            lineWidth: 2
        }],

        series: [{
            type: 'candlestick',
            name: 'AAPL',
            data: ohlc,
            dataGrouping: {
                units: groupingUnits
            }
        }, {
            type: 'column',
            name: 'Volume',
            data: volume,
            yAxis: 1,
            dataGrouping: {
                units: groupingUnits
            }
        }]

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/stock/demo/candlestick-and-volume/

您可以使用任意数量的 y 轴，即堆叠图