annotations.editor.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <div class="gf-form-group">
  2. <div class="gf-form-inline">
  3. <div class="gf-form gf-form--grow">
  4. <textarea rows="10" class="gf-form-input" ng-model="ctrl.annotation.rawQuery" spellcheck="false" placeholder="query expression" data-min-length=0 data-items=100 ng-model-onblur ng-change="ctrl.panelCtrl.refresh()"></textarea>
  5. </div>
  6. </div>
  7. <div class="gf-form-inline">
  8. <div class="gf-form">
  9. <label class="gf-form-label query-keyword" ng-click="ctrl.showHelp = !ctrl.showHelp">
  10. Show Help
  11. <i class="fa fa-caret-down" ng-show="ctrl.showHelp"></i>
  12. <i class="fa fa-caret-right" ng-hide="ctrl.showHelp"></i>
  13. </label>
  14. </div>
  15. </div>
  16. <div class="gf-form" ng-show="ctrl.showHelp">
  17. <pre class="gf-form-pre alert alert-info"><h6>Annotation Query Format</h6>
  18. An annotation is an event that is overlayed on top of graphs. The query can have up to three columns per row, the <b>time</b> column is mandatory. Annotation rendering is expensive so it is important to limit the number of rows returned.
  19. - column with alias: <b>time</b> for the annotation event time (in UTC). Use unix timestamp in seconds or any native date data type.
  20. - column with alias: <b>text</b> for the annotation text.
  21. - column with alias: <b>tags</b> for annotation tags. This is a comma separated string of tags e.g. 'tag1,tag2'.
  22. Macros:
  23. - $__time(column) -&gt; column AS time
  24. - $__utcTime(column) -&gt; DATEADD(second, DATEDIFF(second, GETDATE(), GETUTCDATE()), column) AS time
  25. - $__timeEpoch(column) -&gt; DATEDIFF(second, {d '1970-01-01'}, DATEADD(second, DATEDIFF(second, GETDATE(), GETUTCDATE()), column) ) AS time
  26. - $__timeFilter(column) -&gt; column &gt; DATEADD(s, 1492750877+DATEDIFF(second, GETUTCDATE(), GETDATE()), '1970-01-01') AND column &lt; DATEADD(s, 1492750877+DATEDIFF(second, GETUTCDATE(), GETDATE()), '1970-01-01')
  27. - $__unixEpochFilter(column) -&gt; column &gt; 1492750877 AND column &lt; 1492750877
  28. Or build your own conditionals using these macros which just return the values:
  29. - $__timeFrom() -&gt; DATEADD(second, 1492750877+DATEDIFF(second, GETUTCDATE(), GETDATE()), '1970-01-01')
  30. - $__timeTo() -&gt; DATEADD(second, 1492750877+DATEDIFF(second, GETUTCDATE(), GETDATE()), '1970-01-01')
  31. - $__unixEpochFrom() -&gt; 1492750877
  32. - $__unixEpochTo() -&gt; 1492750877
  33. </pre>
  34. </div>
  35. </div>