javascript - 如何在 React JS 中结合 HighStock 股票图和 HighCharts 气泡图？

Question

股票走势图:Stock chart link

气泡图:Bubble chart link

结合2个图表的highcharts方式:Combining 2 charts

问题是我可以单独渲染每个图表，但我希望它们显示在包含股票图表和气泡图的同一图表中，且位置相同，如下所示。

请建议我一种以如图所示的相同方式合并这两个图表的方法或另一种方法来实现这种图表(该图表有 -ve 和 +ve X 轴以及 +ve Y 轴 带有显示一些数据的标签)。

Answer 1

只需设置两个不同的系列类型:

Highcharts.stockChart('container', {
    series: [{
        type: 'line',
        data: [1, 2, 3, 4, 5]
    }, {
        type: 'bubble',
        data: [
            [1, 2, 3],
            [2, 2, 2]
        ]
    }]
});

现场演示:http://jsfiddle.net/BlackLabel/g0wvpsx4/