title: How to combine HighStock stock-chart and HighCharts bubble-chart in React JS?
body: <p>Stock chart: <a href="https://www.highcharts.com/stock/demo/basic-line" rel="nofollow noreferrer">Stock chart link</a></p>
  
  <p>Bubble chart: <a href="https://www.highcharts.com/demo/bubble" rel="nofollow noreferrer">Bubble chart link</a></p>
  
  <p>The highcharts way of combining 2 charts: <a href="https://www.highcharts.com/docs/chart-and-series-types/combining-chart-types" rel="nofollow noreferrer">Combining 2 charts</a></p>
  
  <p>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 <strong>shown below</strong>.
  <a href="https://i.stack.imgur.com/4ICH2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4ICH2.png" alt="enter image description here"></a></p>
  
  <p>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 <em>-ve and +ve X-axis and +ve Y-axis</em> with labels displaying some data).</p>