query.editor.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <query-editor-row query-ctrl="ctrl" can-collapse="false">
  2. <div class="gf-form-inline">
  3. <div class="gf-form gf-form--grow">
  4. <code-editor content="ctrl.target.rawSql" datasource="ctrl.datasource" on-change="ctrl.panelCtrl.refresh()" data-mode="sql">
  5. </code-editor>
  6. </div>
  7. </div>
  8. <div class="gf-form-inline">
  9. <div class="gf-form">
  10. <label class="gf-form-label query-keyword">Format as</label>
  11. <div class="gf-form-select-wrapper">
  12. <select class="gf-form-input gf-size-auto" ng-model="ctrl.target.format" ng-options="f.value as f.text for f in ctrl.formats" ng-change="ctrl.refresh()"></select>
  13. </div>
  14. </div>
  15. <div class="gf-form">
  16. <label class="gf-form-label query-keyword" ng-click="ctrl.showHelp = !ctrl.showHelp">
  17. Show Help
  18. <i class="fa fa-caret-down" ng-show="ctrl.showHelp"></i>
  19. <i class="fa fa-caret-right" ng-hide="ctrl.showHelp"></i>
  20. </label>
  21. </div>
  22. <div class="gf-form" ng-show="ctrl.lastQueryMeta">
  23. <label class="gf-form-label query-keyword" ng-click="ctrl.showLastQuerySQL = !ctrl.showLastQuerySQL">
  24. Generated SQL
  25. <i class="fa fa-caret-down" ng-show="ctrl.showLastQuerySQL"></i>
  26. <i class="fa fa-caret-right" ng-hide="ctrl.showLastQuerySQL"></i>
  27. </label>
  28. </div>
  29. <div class="gf-form gf-form--grow">
  30. <div class="gf-form-label gf-form-label--grow"></div>
  31. </div>
  32. </div>
  33. <div class="gf-form" ng-show="ctrl.showLastQuerySQL">
  34. <pre class="gf-form-pre">{{ctrl.lastQueryMeta.sql}}</pre>
  35. </div>
  36. <div class="gf-form" ng-show="ctrl.showHelp">
  37. <pre class="gf-form-pre alert alert-info">Time series:
  38. - return column named <i>time</i> (UTC in seconds or timestamp)
  39. - return column(s) with numeric datatype as values
  40. - (Optional: return column named <i>metric</i> to represent the series name. If no column named metric is found the column name of the value column is used as series name)
  41. Table:
  42. - return any set of columns
  43. Macros:
  44. - $__time(column) -&gt; column as "time"
  45. - $__timeEpoch -&gt; extract(epoch from column) as "time"
  46. - $__timeFilter(column) -&gt; column &ge; to_timestamp(1492750877) AND column &le; to_timestamp(1492750877)
  47. - $__unixEpochFilter(column) -&gt; column &gt; 1492750877 AND column &lt; 1492750877
  48. To group by time use $__timeGroup:
  49. -&gt; (extract(epoch from column)/extract(epoch from column::interval))::int
  50. Example of group by and order by with $__timeGroup:
  51. SELECT
  52. min(date_time_col) AS time_sec,
  53. sum(value_double) as value
  54. FROM yourtable
  55. group by $__timeGroup(date_time_col, '1h')
  56. order by $__timeGroup(date_time_col, '1h') ASC
  57. Or build your own conditionals using these macros which just return the values:
  58. - $__timeFrom() -&gt; to_timestamp(1492750877)
  59. - $__timeTo() -&gt; to_timestamp(1492750877)
  60. - $__unixEpochFrom() -&gt; 1492750877
  61. - $__unixEpochTo() -&gt; 1492750877
  62. </pre>
  63. </div>
  64. </div>
  65. <div class="gf-form" ng-show="ctrl.lastQueryError">
  66. <pre class="gf-form-pre alert alert-error">{{ctrl.lastQueryError}}</pre>
  67. </div>
  68. </query-editor-row>