kbn.js 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491
  1. define([
  2. 'jquery',
  3. 'lodash',
  4. ],
  5. function($, _) {
  6. 'use strict';
  7. var kbn = {};
  8. kbn.valueFormats = {};
  9. ///// HELPER FUNCTIONS /////
  10. kbn.round_interval = function(interval) {
  11. switch (true) {
  12. // 0.5s
  13. case (interval <= 500):
  14. return 100; // 0.1s
  15. // 5s
  16. case (interval <= 5000):
  17. return 1000; // 1s
  18. // 7.5s
  19. case (interval <= 7500):
  20. return 5000; // 5s
  21. // 15s
  22. case (interval <= 15000):
  23. return 10000; // 10s
  24. // 45s
  25. case (interval <= 45000):
  26. return 30000; // 30s
  27. // 3m
  28. case (interval <= 180000):
  29. return 60000; // 1m
  30. // 9m
  31. case (interval <= 450000):
  32. return 300000; // 5m
  33. // 20m
  34. case (interval <= 1200000):
  35. return 600000; // 10m
  36. // 45m
  37. case (interval <= 2700000):
  38. return 1800000; // 30m
  39. // 2h
  40. case (interval <= 7200000):
  41. return 3600000; // 1h
  42. // 6h
  43. case (interval <= 21600000):
  44. return 10800000; // 3h
  45. // 24h
  46. case (interval <= 86400000):
  47. return 43200000; // 12h
  48. // 48h
  49. case (interval <= 172800000):
  50. return 86400000; // 24h
  51. // 1w
  52. case (interval <= 604800000):
  53. return 86400000; // 24h
  54. // 3w
  55. case (interval <= 1814400000):
  56. return 604800000; // 1w
  57. // 2y
  58. case (interval < 3628800000):
  59. return 2592000000; // 30d
  60. default:
  61. return 31536000000; // 1y
  62. }
  63. };
  64. kbn.secondsToHms = function(seconds) {
  65. var numyears = Math.floor(seconds / 31536000);
  66. if(numyears){
  67. return numyears + 'y';
  68. }
  69. var numdays = Math.floor((seconds % 31536000) / 86400);
  70. if(numdays){
  71. return numdays + 'd';
  72. }
  73. var numhours = Math.floor(((seconds % 31536000) % 86400) / 3600);
  74. if(numhours){
  75. return numhours + 'h';
  76. }
  77. var numminutes = Math.floor((((seconds % 31536000) % 86400) % 3600) / 60);
  78. if(numminutes){
  79. return numminutes + 'm';
  80. }
  81. var numseconds = Math.floor((((seconds % 31536000) % 86400) % 3600) % 60);
  82. if(numseconds){
  83. return numseconds + 's';
  84. }
  85. var nummilliseconds = Math.floor(seconds * 1000.0);
  86. if(nummilliseconds){
  87. return nummilliseconds + 'ms';
  88. }
  89. return 'less then a millisecond'; //'just now' //or other string you like;
  90. };
  91. kbn.to_percent = function(number,outof) {
  92. return Math.floor((number/outof)*10000)/100 + "%";
  93. };
  94. kbn.addslashes = function(str) {
  95. str = str.replace(/\\/g, '\\\\');
  96. str = str.replace(/\'/g, '\\\'');
  97. str = str.replace(/\"/g, '\\"');
  98. str = str.replace(/\0/g, '\\0');
  99. return str;
  100. };
  101. kbn.interval_regex = /(\d+(?:\.\d+)?)([Mwdhmsy])/;
  102. // histogram & trends
  103. kbn.intervals_in_seconds = {
  104. y: 31536000,
  105. M: 2592000,
  106. w: 604800,
  107. d: 86400,
  108. h: 3600,
  109. m: 60,
  110. s: 1
  111. };
  112. kbn.calculateInterval = function(range, resolution, userInterval) {
  113. var lowLimitMs = 1; // 1 millisecond default low limit
  114. var intervalMs, lowLimitInterval;
  115. if (userInterval) {
  116. if (userInterval[0] === '>') {
  117. lowLimitInterval = userInterval.slice(1);
  118. lowLimitMs = kbn.interval_to_ms(lowLimitInterval);
  119. }
  120. else {
  121. return userInterval;
  122. }
  123. }
  124. intervalMs = kbn.round_interval((range.to.valueOf() - range.from.valueOf()) / resolution);
  125. if (lowLimitMs > intervalMs) {
  126. intervalMs = lowLimitMs;
  127. }
  128. return kbn.secondsToHms(intervalMs / 1000);
  129. };
  130. kbn.describe_interval = function (string) {
  131. var matches = string.match(kbn.interval_regex);
  132. if (!matches || !_.has(kbn.intervals_in_seconds, matches[2])) {
  133. throw new Error('Invalid interval string, expexcting a number followed by one of "Mwdhmsy"');
  134. } else {
  135. return {
  136. sec: kbn.intervals_in_seconds[matches[2]],
  137. type: matches[2],
  138. count: parseInt(matches[1], 10)
  139. };
  140. }
  141. };
  142. kbn.interval_to_ms = function(string) {
  143. var info = kbn.describe_interval(string);
  144. return info.sec * 1000 * info.count;
  145. };
  146. kbn.interval_to_seconds = function (string) {
  147. var info = kbn.describe_interval(string);
  148. return info.sec * info.count;
  149. };
  150. kbn.query_color_dot = function (color, diameter) {
  151. return '<div class="icon-circle" style="' + [
  152. 'display:inline-block',
  153. 'color:' + color,
  154. 'font-size:' + diameter + 'px',
  155. ].join(';') + '"></div>';
  156. };
  157. kbn.slugifyForUrl = function(str) {
  158. return str
  159. .toLowerCase()
  160. .replace(/[^\w ]+/g,'')
  161. .replace(/ +/g,'-');
  162. };
  163. kbn.exportSeriesListToCsv = function(seriesList) {
  164. var text = 'Series;Time;Value\n';
  165. _.each(seriesList, function(series) {
  166. _.each(series.datapoints, function(dp) {
  167. text += series.alias + ';' + new Date(dp[1]).toISOString() + ';' + dp[0] + '\n';
  168. });
  169. });
  170. var blob = new Blob([text], { type: "text/csv;charset=utf-8" });
  171. window.saveAs(blob, 'grafana_data_export.csv');
  172. };
  173. kbn.stringToJsRegex = function(str) {
  174. if (str[0] !== '/') {
  175. return new RegExp(str);
  176. }
  177. var match = str.match(new RegExp('^/(.*?)/(g?i?m?y?)$'));
  178. return new RegExp(match[1], match[2]);
  179. };
  180. kbn.toFixed = function(value, decimals) {
  181. if (value === null) {
  182. return "";
  183. }
  184. var factor = decimals ? Math.pow(10, Math.max(0, decimals)) : 1;
  185. var formatted = String(Math.round(value * factor) / factor);
  186. // if exponent return directly
  187. if (formatted.indexOf('e') !== -1 || value === 0) {
  188. return formatted;
  189. }
  190. // If tickDecimals was specified, ensure that we have exactly that
  191. // much precision; otherwise default to the value's own precision.
  192. if (decimals != null) {
  193. var decimalPos = formatted.indexOf(".");
  194. var precision = decimalPos === -1 ? 0 : formatted.length - decimalPos - 1;
  195. if (precision < decimals) {
  196. return (precision ? formatted : formatted + ".") + (String(factor)).substr(1, decimals - precision);
  197. }
  198. }
  199. return formatted;
  200. };
  201. kbn.toFixedScaled = function(value, decimals, scaledDecimals, additionalDecimals, ext) {
  202. if (scaledDecimals === null) {
  203. return kbn.toFixed(value, decimals) + ext;
  204. } else {
  205. return kbn.toFixed(value, scaledDecimals + additionalDecimals) + ext;
  206. }
  207. };
  208. kbn.roundValue = function (num, decimals) {
  209. if (num === null) { return null; }
  210. var n = Math.pow(10, decimals);
  211. return Math.round((n * num).toFixed(decimals)) / n;
  212. };
  213. ///// FORMAT FUNCTION CONSTRUCTORS /////
  214. kbn.formatBuilders = {};
  215. // Formatter which always appends a fixed unit string to the value. No
  216. // scaling of the value is performed.
  217. kbn.formatBuilders.fixedUnit = function(unit, separator) {
  218. return function(size, decimals) {
  219. if (size === null) { return ""; }
  220. return kbn.toFixed(size, decimals) + (separator || ' ') + unit;
  221. };
  222. };
  223. kbn.formatFuncCreator = function(factor, extArray) {
  224. return function(size, decimals, scaledDecimals) {
  225. if (size === null) {
  226. return "";
  227. }
  228. var steps = 0;
  229. var limit = extArray.length;
  230. while (Math.abs(size) >= factor) {
  231. steps++;
  232. size /= factor;
  233. if (steps >= limit) { return "NA"; }
  234. }
  235. if (steps > 0 && scaledDecimals !== null) {
  236. decimals = scaledDecimals + (3 * steps);
  237. }
  238. return kbn.toFixed(size, decimals) + extArray[steps];
  239. };
  240. };
  241. ///// VALUE FORMATS /////
  242. // Dimensionless Units
  243. kbn.valueFormats.none = kbn.toFixed;
  244. kbn.valueFormats.short = kbn.formatFuncCreator(1000, ['', ' K', ' Mil', ' Bil', ' Tri', ' Quadr', ' Quint', ' Sext', ' Sept']);
  245. kbn.valueFormats.ppm = kbn.formatBuilders.fixedUnit('ppm');
  246. kbn.valueFormats.percent = kbn.formatBuilders.fixedUnit('%', '');
  247. // Data
  248. kbn.valueFormats.bits = kbn.formatFuncCreator(1024, [' b', ' Kib', ' Mib', ' Gib', ' Tib', ' Pib', ' Eib', ' Zib', ' Yib']);
  249. kbn.valueFormats.bytes = kbn.formatFuncCreator(1024, [' B', ' KiB', ' MiB', ' GiB', ' TiB', ' PiB', ' EiB', ' ZiB', ' YiB']);
  250. kbn.valueFormats.kbytes = kbn.formatFuncCreator(1024, [' KiB', ' MiB', ' GiB', ' TiB', ' PiB', ' EiB', ' ZiB', ' YiB']);
  251. kbn.valueFormats.mbytes = kbn.formatFuncCreator(1024, [' MiB', ' GiB', ' TiB', ' PiB', ' EiB', ' ZiB', ' YiB']);
  252. kbn.valueFormats.gbytes = kbn.formatFuncCreator(1024, [' GiB', ' TiB', ' PiB', ' EiB', ' ZiB', ' YiB']);
  253. // Data Rate
  254. kbn.valueFormats.pps = kbn.formatFuncCreator(1000, [' pps', ' Kpps', ' Mpps', ' Gpps', ' Tpps', ' Ppps', ' Epps', ' Zpps', ' Ypps']);
  255. kbn.valueFormats.bps = kbn.formatFuncCreator(1000, [' bps', ' Kbps', ' Mbps', ' Gbps', ' Tbps', ' Pbps', ' Ebps', ' Zbps', ' Ybps']);
  256. kbn.valueFormats.Bps = kbn.formatFuncCreator(1000, [' Bps', ' KBps', ' MBps', ' GBps', ' TBps', ' PBps', ' EBps', ' ZBps', ' YBps']);
  257. // Energy
  258. kbn.valueFormats.watt = kbn.formatFuncCreator(1000, [' W', ' kW', ' MW', ' GW', ' TW', ' PW', ' EW', ' ZW', ' YW']);
  259. kbn.valueFormats.kwatt = kbn.formatFuncCreator(1000, [' kW', ' MW', ' GW', ' TW', ' PW', ' EW', ' ZW', ' YW']);
  260. kbn.valueFormats.watth = kbn.formatFuncCreator(1000, [' Wh', ' kWh', ' MWh', ' GWh', ' TWh', ' PWh', ' EWh', ' ZWh', ' YWh']);
  261. kbn.valueFormats.kwatth = kbn.formatFuncCreator(1000, [' kWh', ' MWh', ' GWh', ' TWh', ' PWh', ' EWh', ' ZWh', ' YWh']);
  262. kbn.valueFormats.joule = kbn.formatFuncCreator(1000, [' J', ' kJ', ' MJ', ' GJ', ' TJ', ' PJ', ' EJ', ' ZJ', ' YJ']);
  263. kbn.valueFormats.ev = kbn.formatFuncCreator(1000, [' eV', ' keV', ' MeV', 'GeV', 'TeV', 'PeV', 'EeV', 'ZeV', 'YeV']);
  264. kbn.valueFormats.amp = kbn.formatFuncCreator(1000, [' A', ' kA', ' MA', ' GA', ' TA', ' PA', ' EA', ' ZA', ' YA']);
  265. kbn.valueFormats.volt = kbn.formatFuncCreator(1000, [' V', ' kV', ' MV', ' GV', ' TV', ' PV', ' EV', ' ZV', ' YV']);
  266. // Temperature
  267. kbn.valueFormats.celsius = kbn.formatBuilders.fixedUnit('°C');
  268. kbn.valueFormats.farenheit = kbn.formatBuilders.fixedUnit('°F');
  269. kbn.valueFormats.humidity = kbn.formatBuilders.fixedUnit('%H');
  270. // Pressure
  271. kbn.valueFormats.pressurembar = kbn.formatBuilders.fixedUnit('mbar');
  272. kbn.valueFormats.pressurehpa = kbn.formatBuilders.fixedUnit('hPa');
  273. // Velocity
  274. kbn.valueFormats.velocityms = kbn.formatBuilders.fixedUnit('m/s');
  275. kbn.valueFormats.velocitykmh = kbn.formatBuilders.fixedUnit('km/h');
  276. kbn.valueFormats.velocitymph = kbn.formatBuilders.fixedUnit('mph');
  277. kbn.valueFormats.velocityknot = kbn.formatBuilders.fixedUnit('kn');
  278. // Time
  279. kbn.valueFormats.hertz = kbn.formatFuncCreator(1000, [' Hz', ' kHz', ' MHz', ' GHz', ' THz', ' PHz', ' EHz', ' ZHz', ' YHz']);
  280. kbn.valueFormats.ms = function(size, decimals, scaledDecimals) {
  281. if (size === null) { return ""; }
  282. if (Math.abs(size) < 1000) {
  283. return kbn.toFixed(size, decimals) + " ms";
  284. }
  285. // Less than 1 min
  286. else if (Math.abs(size) < 60000) {
  287. return kbn.toFixedScaled(size / 1000, decimals, scaledDecimals, 3, " s");
  288. }
  289. // Less than 1 hour, devide in minutes
  290. else if (Math.abs(size) < 3600000) {
  291. return kbn.toFixedScaled(size / 60000, decimals, scaledDecimals, 5, " min");
  292. }
  293. // Less than one day, devide in hours
  294. else if (Math.abs(size) < 86400000) {
  295. return kbn.toFixedScaled(size / 3600000, decimals, scaledDecimals, 7, " hour");
  296. }
  297. // Less than one year, devide in days
  298. else if (Math.abs(size) < 31536000000) {
  299. return kbn.toFixedScaled(size / 86400000, decimals, scaledDecimals, 8, " day");
  300. }
  301. return kbn.toFixedScaled(size / 31536000000, decimals, scaledDecimals, 10, " year");
  302. };
  303. kbn.valueFormats.s = function(size, decimals, scaledDecimals) {
  304. if (size === null) { return ""; }
  305. if (Math.abs(size) < 600) {
  306. return kbn.toFixed(size, decimals) + " s";
  307. }
  308. // Less than 1 hour, devide in minutes
  309. else if (Math.abs(size) < 3600) {
  310. return kbn.toFixedScaled(size / 60, decimals, scaledDecimals, 1, " min");
  311. }
  312. // Less than one day, devide in hours
  313. else if (Math.abs(size) < 86400) {
  314. return kbn.toFixedScaled(size / 3600, decimals, scaledDecimals, 4, " hour");
  315. }
  316. // Less than one week, devide in days
  317. else if (Math.abs(size) < 604800) {
  318. return kbn.toFixedScaled(size / 86400, decimals, scaledDecimals, 5, " day");
  319. }
  320. // Less than one year, devide in week
  321. else if (Math.abs(size) < 31536000) {
  322. return kbn.toFixedScaled(size / 604800, decimals, scaledDecimals, 6, " week");
  323. }
  324. return kbn.toFixedScaled(size / 3.15569e7, decimals, scaledDecimals, 7, " year");
  325. };
  326. kbn.valueFormats['µs'] = function(size, decimals, scaledDecimals) {
  327. if (size === null) { return ""; }
  328. if (Math.abs(size) < 1000) {
  329. return kbn.toFixed(size, decimals) + " µs";
  330. }
  331. else if (Math.abs(size) < 1000000) {
  332. return kbn.toFixedScaled(size / 1000, decimals, scaledDecimals, 3, " ms");
  333. }
  334. else {
  335. return kbn.toFixedScaled(size / 1000000, decimals, scaledDecimals, 6, " s");
  336. }
  337. };
  338. kbn.valueFormats.ns = function(size, decimals, scaledDecimals) {
  339. if (size === null) { return ""; }
  340. if (Math.abs(size) < 1000) {
  341. return kbn.toFixed(size, decimals) + " ns";
  342. }
  343. else if (Math.abs(size) < 1000000) {
  344. return kbn.toFixedScaled(size / 1000, decimals, scaledDecimals, 3, " µs");
  345. }
  346. else if (Math.abs(size) < 1000000000) {
  347. return kbn.toFixedScaled(size / 1000000, decimals, scaledDecimals, 6, " ms");
  348. }
  349. else if (Math.abs(size) < 60000000000){
  350. return kbn.toFixedScaled(size / 1000000000, decimals, scaledDecimals, 9, " s");
  351. }
  352. else {
  353. return kbn.toFixedScaled(size / 60000000000, decimals, scaledDecimals, 12, " min");
  354. }
  355. };
  356. ///// FORMAT MENU /////
  357. kbn.getUnitFormats = function() {
  358. return [
  359. {
  360. text: 'none',
  361. submenu: [
  362. {text: 'none' , value: 'none'},
  363. {text: 'short', value: 'short'},
  364. {text: 'percent', value: 'percent'},
  365. {text: 'ppm', value: 'ppm'},
  366. {text: 'dB', value: 'dB'},
  367. ]
  368. },
  369. {
  370. text: 'duration',
  371. submenu: [
  372. {text: 'nanoseconds (ns)' , value: 'ns'},
  373. {text: 'microseconds (µs)', value: 'µs'},
  374. {text: 'milliseconds (ms)', value: 'ms'},
  375. {text: 'seconds (s)', value: 's'},
  376. {text: 'Hertz (1/s)', value: 'hertz'},
  377. ]
  378. },
  379. {
  380. text: 'data',
  381. submenu: [
  382. {text: 'bits', value: 'bits'},
  383. {text: 'bytes', value: 'bytes'},
  384. {text: 'kilobytes', value: 'kbytes'},
  385. {text: 'megabytes', value: 'mbytes'},
  386. {text: 'gigabytes', value: 'gbytes'},
  387. ]
  388. },
  389. {
  390. text: 'data rate',
  391. submenu: [
  392. {text: 'packets/sec', value: 'pps'},
  393. {text: 'bits/sec', value: 'bps'},
  394. {text: 'bytes/sec', value: 'Bps'},
  395. ]
  396. },
  397. {
  398. text: 'energy',
  399. submenu: [
  400. {text: 'watt (W)', value: 'watt'},
  401. {text: 'kilowatt (kW)', value: 'kwatt'},
  402. {text: 'watt-hour (Wh)', value: 'watth'},
  403. {text: 'kilowatt-hour (kWh)', value: 'kwatth'},
  404. {text: 'joule (J)', value: 'joule'},
  405. {text: 'electron volt (eV)', value: 'ev'},
  406. {text: 'Ampere (A)', value: 'amp'},
  407. {text: 'Volt (V)', value: 'volt'},
  408. ]
  409. },
  410. {
  411. text: 'weather',
  412. submenu: [
  413. {text: 'Celcius (°C)', value: 'celsius' },
  414. {text: 'Farenheit (°F)', value: 'farenheit'},
  415. {text: 'Humidity (%H)', value: 'humidity' },
  416. {text: 'Pressure (mbar)', value: 'pressurembar' },
  417. {text: 'Pressure (hPa)', value: 'pressurehpa' },
  418. ]
  419. },
  420. {
  421. text: 'velocity',
  422. submenu: [
  423. {text: 'm/s', value: 'velocityms' },
  424. {text: 'km/h', value: 'velocitykmh' },
  425. {text: 'mph', value: 'velocitymph' },
  426. {text: 'knot (kn)', value: 'velocityknot' },
  427. ]
  428. },
  429. ];
  430. };
  431. return kbn;
  432. });