anchor.diff:  
   [source,javascript]
   ----
  -<hawkular-chart
  +<hk-metric-chart
           chart-type="bar"
           metric-id="server2.cpu.user"
           metric-type="gauge"
  
positive.code: 
  [source,javascript]
  ----
  <hawkular-chart
      data="dataPoints"
      chart-type="line"
      alert-value="{{threshold}}"
      y-axis-units="Response Time (ms)">
  </hawkular-chart>
  ----
  Need to update the chart? No problem, just alter the dataPoints array with new data and the chart will re-render itself.
  Through custom attributes it is very easy to configure a custom chart just the way you want using advanced
  
negative.code: . Add the hawkular-charts.js to the main index.html page
  . Add the charting module to the application module: `app.module('myApp', ['hawkular.charts']);`
  
  All that's left to do now is select the chart type and bind the _data_ attribute on the __<hk-metric-chart>__ directive.
  
  === Stand Alone Live Updating Tag Example
  __Quickly and easily add some dynamically updating charts to your own pages__
  