title: Highcharts highstocks - Dual chart axis issue
body: <p>Looking through the documentation for Highstocks, I found <a href="http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/stock/demo/candlestick-and-volume/" rel="nofollow noreferrer">this example</a>: </p>
  
  <p><img src="https://i.stack.imgur.com/nHOVF.png" alt="Example 1"></p>
  
  <p>Shown here is two series on the same chart, therefore with a linked range selector - this is really really useful, but I wish to display something different which is proving to be very difficult.</p>
  
  <p>What I'm looking for is a normal line graph on the top series, representing data plotted onto time (almost like in this example), but a bar chart or horizontal candle chart in the lower graph, representing one or more timelines.</p>
  
  <p>I've drawn an image of what I'm looking for:</p>
  
  <p><img src="https://i.stack.imgur.com/1iHnE.png" alt="enter image description here"></p>
  
  <p>I apologise for the crude drawing, but hopefully it shows what I am aiming to achieve: standard graph on top, bar/candle on bottom.</p>
  
  <p>I have attempted various techniques to render this, but I can't find a way to have both series <strong>drawn on the same timescale, linked with the same range selector.</strong></p>
  
  <p>In case it helps, here's a starting point on JSFiddle, with all the unnecessary code removed: <a href="http://jsfiddle.net/g105b/8JhXv/" rel="nofollow noreferrer">http://jsfiddle.net/g105b/8JhXv/</a></p>
  
  <p>and a link to the original demo: <a href="http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/stock/demo/candlestick-and-volume/" rel="nofollow noreferrer">http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/stock/demo/candlestick-and-volume/</a></p>