title: Show ranges as legend for highcharts angular gauge
body: <p>I would like to display the ranges as my legend. An example gauge would be something like <a href="http://jsfiddle.net/highcharts/kbvC3/light/" rel="nofollow">this</a></p>
  
  <p>Can I have it so that I can have legends with colors and the text [Bad/Good/Excellent] based on the values?</p>
  
  <pre><code>plotBands: [{
              from: 0,
              to: 120,
              color: '#55BF3B' // green
          }, {
              from: 120,
              to: 160,
              color: '#DDDF0D' // yellow
          }, {
              from: 160,
              to: 200,
              color: '#DF5353' // red
          }] 
  </code></pre>