Javascript 如何在烛台图表和高库存图表上显示价格和数量？

演示页面上的示例在两个图表（）上显示了价格和数量

是否可以仅在一个图表中呈现它们

谢谢

更新：

好的，在这里：：

---

了解如何配置图表需要一些时间。。。必须定义两个Y轴，并将体积X轴作为序列数组中的第一个轴。否则它会在蜡烛顶部渲染。

是的，只需删除第二个yAxis并删除yAxis的体积中的引用。@PawełFus由于某种原因它不起作用，它只显示体积图。。。我做错什么了吗？我能想到的唯一一件事是：我试着把书放在蜡烛下，不知道如何…嗯，现在明白了。应切换序列的顺序以使其正确渲染。

$('#container').highcharts('StockChart', {

        rangeSelector: {
            enabled: false
        },

        scrollbar: {
            enabled: false
        },

        navigator: {
            enabled: false
        },

        title: {
            text: 'AAPL Historical'
        },

        yAxis: [{
            title: {
                text: 'OHLC'
            },
            lineWidth: 2
        },
        {
            title: {
                text: 'Volume',
                style: {
                    color: "#DDD"
                }
            },
            gridLineWidth: 0,
            opposite: true
        }],

        tooltip: {
            shared: true
        },

        series: [{
            type: 'column',
            name: 'Volume',
            data: volume,
            yAxis: 1,
            color: '#DDD',
            dataGrouping: {
                units: groupingUnits
            }
        }, {
            type: 'candlestick',
            name: 'AAPL',
            data: ohlc,
            yAxis: 0,
            dataGrouping: {
                units: groupingUnits
            }
        }]
    });