Как объединить биржевую диаграмму HighStock и пузырьковую диаграмму HighCharts в React JS?

Question

Биржевая диаграмма: Ссылка на биржевую диаграмму

Пузырьковая диаграмма: Ссылка на пузырьковую диаграмму

Способ старших комбинаций из 2 диаграмм: Объединение 2-х диаграмм

Проблема в том, что я могу визуализировать каждую отдельно, но я хочу, чтобы они отображались на одном и том же графике, содержащем как биржевую диаграмму, так и пузырьковую диаграмму в том же месте, что и , показанный ниже .

Пожалуйста, предложите мне способ объединения этих двух диаграмм таким же образом, как показано ИЛИ другой способ достижения этого вида диаграммы (эта диаграмма имеет -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/