title: Highcharts Activity Gauge - how to get different behaviors while hover over
body: <p>I need help for 2 things please. My Activity gauge displays 2 series: Ring A and Ring B. </p>
  
  <p>1) Instead of the default tooltip where the series name and % show in the middle while hover over, can I have it display the inner ring (B) name and % without hover over? And when user hovers over the outer ring (A), it would display the name and % for the outer ring and stays that way till user hovers over the inner ring again? This is more of a swapping kind of action.</p>
  
  <p>2) I would also like to have a regular tooltip (round corner rectangle box like the tooltip for piechart) displaying strings of text that relates to each ring.</p>
  
  <p>Expected behavior:
  Activity gauge would show Ring B name and % in the middle of the gauge design when webpage is done loading. As user hovers over Ring A, tooltip box shows with a string of text describing Ring A. As user hovers over Ring B, Ring B name and % appears and stays in the middle of the gauge design with a tooltip box showing a string of text describing Ring B.</p>
  
  <p>(I have tried many ways with my limited knowledge of js and highcharts, I cannot get this to work. Please help.)</p>