如何在React JS中结合HighStock股票图表和HighCharts泡沫图表？

Question

股票走势图：Stock chart link

气泡图：Bubble chart link

结合两张图表的高图方式：Combining 2 charts

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

请建议我以一种与所示相同的方式合并这两个图表的方法，或者以另一种方式实现这种图表（此图表具有-em和-ve X轴以及+ ve Y轴< / em>，其中的标签显示了一些数据。

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/