title: Display Chartjs tooltip values outside the canvas - multi line chart
body: <p>I am trying to replicate the NSE Stock exchange comparison graph as displayed <a href="https://www.google.com/search?rlz=1C1GCEV_en&amp;biw=1366&amp;bih=625&amp;tbm=fin&amp;ei=fIM5Xa_MLYfRrQH0vLqoDQ&amp;stick=H4sIAAAAAAAAAONgecRowi3w8sc9YSntSWtOXmNU5eIKzsgvd80rySypFBLnYoOyeKW4uTj1c_UNTEpMiwt4AJpPJvY5AAAA&amp;q=NSE:%20NIFTY&amp;oq=nifty&amp;gs_l=finance-immersive.1.0.81l3.4952.9074.0.10506.13.10.1.0.0.0.473.1589.3-2j2.4.0....0...1c.1.64.finance-immersive..9.4.1267...81i8k1.0.XIoPGrgUU7s#scso=_iIM5XdjhJ5ekyAPGlbPgCg6:0&amp;smids=/m/07zlq1p&amp;wptab=COMPARE" rel="nofollow noreferrer">here</a>.</p>
  
  <p>I am using <code>Chartjs 2.0</code>. I have 2 line graphs in the chart. </p>
  
  <p>On hovering on the data points I want to show the tooltip's ylabel in a div which is outside the canvas, (like the changing values are displayed in the top right corner in the chart above) </p>
  
  <p>I found GRUNT's code helpful 
  <a href="https://stackoverflow.com/questions/45159895/moving-vertical-line-when-hovering-over-the-chart-using-chart-js/57353764#57353764">Moving vertical line when hovering over the chart using chart.js</a></p>