query.editor.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  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="sqlserver">
  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 time (in UTC), as a unix time stamp or any sql native date data type. You can use the macros below.
  39. - optional: return column named metric to represent the series names.
  40. - any other columns returned will be the time point values.
  41. - if multiple value columns are present and a metric column is provided. the series name will be the combination of "MetricName - ValueColumnName".
  42. Table:
  43. - return any set of columns
  44. Macros:
  45. - $__time(column) -&gt; column AS time
  46. - $__timeEpoch(column) -&gt; DATEDIFF(second, '1970-01-01', column) AS time
  47. - $__timeFilter(column) -&gt; column &gt;= DATEADD(s, 18446744066914186738, '1970-01-01') AND column &lt;= DATEADD(s, 18446744066914187038, '1970-01-01')
  48. - $__unixEpochFilter(column) -&gt; column &gt;= 1492750877 AND column &lt;= 1492750877
  49. - $__timeGroup(column, '5m'[, fillvalue]) -&gt; CAST(ROUND(DATEDIFF(second, '1970-01-01', column)/300.0, 0) as bigint)*300. Providing a <i>fillValue</i> of <i>NULL</i> or floating value will automatically fill empty series in timerange with that value.
  50. Example of group by and order by with $__timeGroup:
  51. SELECT
  52. $__timeGroup(date_time_col, '1h') AS time,
  53. sum(value) as value
  54. FROM yourtable
  55. GROUP BY $__timeGroup(date_time_col, '1h')
  56. ORDER BY 1
  57. Or build your own conditionals using these macros which just return the values:
  58. - $__timeFrom() -&gt; DATEADD(second, 1492750877, '1970-01-01')
  59. - $__timeTo() -&gt; DATEADD(second, 1492750877, '1970-01-01')
  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>