CODEWITHSUNDEEP
javascriptreactjschartshighcharts
Prakhar Mittal
Prakhar Mittal

Reputation: 6485

How to combine HighStock stock-chart and HighCharts bubble-chart in React JS?

Stock chart: Stock chart link

Bubble chart: Bubble chart link

The highcharts way of combining 2 charts: Combining 2 charts

The problem is I can render each one separately but I want them to be displayed in the same chart containing both stock chart and bubble chart at the same place as shown below. enter image description here

Kindly suggest me a way to merge these both charts in the same way as shown OR another way to achieve this kind of chart (This chart has -ve and +ve X-axis and +ve Y-axis with labels displaying some data).

Upvotes: 0

Views: 867

Answers (1)

ppotaczek
ppotaczek

Reputation: 39139

Just set two different series type:

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

Live demo: http://jsfiddle.net/BlackLabel/g0wvpsx4/

Upvotes: 1

Related Questions