Skip to content

Latest commit

 

History

History
32 lines (24 loc) · 1.7 KB

Readme.md

File metadata and controls

32 lines (24 loc) · 1.7 KB
Raw

Description

Dashing widget to show the value of a graphite metric, change in the last 7 days and a sparkline of the metric over 30 days.

Installation

  • Download Moment.js, jquery.sparklines.js and lodash.min.js and place them in the assets/javascripts folder
  • Finally create a dashboard and use the Timer widget. Dont' forget to set your timer, title & graphite_host:
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
      <div data-view="Timer" data-metric="stats.timers.bob.startPage.rendered.mean"
      data-title="Campaign List" data-graphite_host="http://my.graphite.host"
       data-unit="ms"></div>
</li>

Include the data-debug=true property if you want some diagnostic information in the JS console for a widget

Screenshots

Screenshot

Changelog

  • 10/16/14:
    • Added dependency install info in this readme and better exception handling in the code that points to missing dependencies.
    • Added data-debug as well and peppered the code for better diagnostic information as well.
    • Also will not display the sparkline & legend if there is less than 2 datapoints available.
    • Made unit text smaller. In earlier commit make empty string a valid metric
    • Renamed object propery timer to metric since we can show any metric
    • Ideally would rename the object
    • Cleaned up the SCSS file