kbn.js 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484
  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.formatFuncCreator = function(factor, extArray) {
  215. return function(size, decimals, scaledDecimals) {
  216. if (size === null) {
  217. return "";
  218. }
  219. var steps = 0;
  220. var limit = extArray.length;
  221. while (Math.abs(size) >= factor) {
  222. steps++;
  223. size /= factor;
  224. if (steps >= limit) { return "NA"; }
  225. }
  226. if (steps > 0 && scaledDecimals !== null) {
  227. decimals = scaledDecimals + (3 * steps);
  228. }
  229. return kbn.toFixed(size, decimals) + extArray[steps];
  230. };
  231. };
  232. ///// VALUE FORMATS /////
  233. // Dimensionless Units
  234. kbn.valueFormats.none = kbn.toFixed;
  235. kbn.valueFormats.short = kbn.formatFuncCreator(1000, ['', ' K', ' Mil', ' Bil', ' Tri', ' Quadr', ' Quint', ' Sext', ' Sept']);
  236. kbn.valueFormats.ppm = function(value, decimals) { return kbn.toFixed(value, decimals) + ' ppm'; };
  237. kbn.valueFormats.percent = function(size, decimals) {
  238. if (size == null) { return ""; }
  239. return kbn.toFixed(size, decimals) + '%';
  240. };
  241. // Data
  242. kbn.valueFormats.bits = kbn.formatFuncCreator(1024, [' b', ' Kib', ' Mib', ' Gib', ' Tib', ' Pib', ' Eib', ' Zib', ' Yib']);
  243. kbn.valueFormats.bytes = kbn.formatFuncCreator(1024, [' B', ' KiB', ' MiB', ' GiB', ' TiB', ' PiB', ' EiB', ' ZiB', ' YiB']);
  244. kbn.valueFormats.kbytes = kbn.formatFuncCreator(1024, [' KiB', ' MiB', ' GiB', ' TiB', ' PiB', ' EiB', ' ZiB', ' YiB']);
  245. kbn.valueFormats.mbytes = kbn.formatFuncCreator(1024, [' MiB', ' GiB', ' TiB', ' PiB', ' EiB', ' ZiB', ' YiB']);
  246. kbn.valueFormats.gbytes = kbn.formatFuncCreator(1024, [' GiB', ' TiB', ' PiB', ' EiB', ' ZiB', ' YiB']);
  247. // Data Rate
  248. kbn.valueFormats.pps = kbn.formatFuncCreator(1000, [' pps', ' Kpps', ' Mpps', ' Gpps', ' Tpps', ' Ppps', ' Epps', ' Zpps', ' Ypps']);
  249. kbn.valueFormats.bps = kbn.formatFuncCreator(1000, [' bps', ' Kbps', ' Mbps', ' Gbps', ' Tbps', ' Pbps', ' Ebps', ' Zbps', ' Ybps']);
  250. kbn.valueFormats.Bps = kbn.formatFuncCreator(1000, [' Bps', ' KBps', ' MBps', ' GBps', ' TBps', ' PBps', ' EBps', ' ZBps', ' YBps']);
  251. // Energy
  252. kbn.valueFormats.watt = kbn.formatFuncCreator(1000, [' W', ' kW', ' MW', ' GW', ' TW', ' PW', ' EW', ' ZW', ' YW']);
  253. kbn.valueFormats.kwatt = kbn.formatFuncCreator(1000, [' kW', ' MW', ' GW', ' TW', ' PW', ' EW', ' ZW', ' YW']);
  254. kbn.valueFormats.watth = kbn.formatFuncCreator(1000, [' Wh', ' kWh', ' MWh', ' GWh', ' TWh', ' PWh', ' EWh', ' ZWh', ' YWh']);
  255. kbn.valueFormats.kwatth = kbn.formatFuncCreator(1000, [' kWh', ' MWh', ' GWh', ' TWh', ' PWh', ' EWh', ' ZWh', ' YWh']);
  256. kbn.valueFormats.joule = kbn.formatFuncCreator(1000, [' J', ' kJ', ' MJ', ' GJ', ' TJ', ' PJ', ' EJ', ' ZJ', ' YJ']);
  257. kbn.valueFormats.ev = kbn.formatFuncCreator(1000, [' eV', ' keV', ' MeV', 'GeV', 'TeV', 'PeV', 'EeV', 'ZeV', 'YeV']);
  258. kbn.valueFormats.amp = kbn.formatFuncCreator(1000, [' A', ' kA', ' MA', ' GA', ' TA', ' PA', ' EA', ' ZA', ' YA']);
  259. kbn.valueFormats.volt = kbn.formatFuncCreator(1000, [' V', ' kV', ' MV', ' GV', ' TV', ' PV', ' EV', ' ZV', ' YV']);
  260. // Temperature
  261. kbn.valueFormats.celsius = function(value, decimals) { return kbn.toFixed(value, decimals) + ' °C'; };
  262. kbn.valueFormats.farenheit = function(value, decimals) { return kbn.toFixed(value, decimals) + ' °F'; };
  263. kbn.valueFormats.humidity = function(value, decimals) { return kbn.toFixed(value, decimals) + ' %H'; };
  264. // Pressure
  265. kbn.valueFormats.pressurembar = function(value, decimals) { return kbn.toFixed(value, decimals) + ' mbar'; };
  266. kbn.valueFormats.pressurehpa = function(value, decimals) { return kbn.toFixed(value, decimals) + ' hPa'; };
  267. // Velocity
  268. kbn.valueFormats.velocityms = function(value, decimals) { return kbn.toFixed(value, decimals) + ' m/s'; };
  269. kbn.valueFormats.velocitykmh = function(value, decimals) { return kbn.toFixed(value, decimals) + ' km/h'; };
  270. kbn.valueFormats.velocitymph = function(value, decimals) { return kbn.toFixed(value, decimals) + ' mph'; };
  271. kbn.valueFormats.velocityknot = function(value, decimals) { return kbn.toFixed(value, decimals) + ' kn'; };
  272. // Time
  273. kbn.valueFormats.hertz = kbn.formatFuncCreator(1000, [' Hz', ' kHz', ' MHz', ' GHz', ' THz', ' PHz', ' EHz', ' ZHz', ' YHz']);
  274. kbn.valueFormats.ms = function(size, decimals, scaledDecimals) {
  275. if (size === null) { return ""; }
  276. if (Math.abs(size) < 1000) {
  277. return kbn.toFixed(size, decimals) + " ms";
  278. }
  279. // Less than 1 min
  280. else if (Math.abs(size) < 60000) {
  281. return kbn.toFixedScaled(size / 1000, decimals, scaledDecimals, 3, " s");
  282. }
  283. // Less than 1 hour, devide in minutes
  284. else if (Math.abs(size) < 3600000) {
  285. return kbn.toFixedScaled(size / 60000, decimals, scaledDecimals, 5, " min");
  286. }
  287. // Less than one day, devide in hours
  288. else if (Math.abs(size) < 86400000) {
  289. return kbn.toFixedScaled(size / 3600000, decimals, scaledDecimals, 7, " hour");
  290. }
  291. // Less than one year, devide in days
  292. else if (Math.abs(size) < 31536000000) {
  293. return kbn.toFixedScaled(size / 86400000, decimals, scaledDecimals, 8, " day");
  294. }
  295. return kbn.toFixedScaled(size / 31536000000, decimals, scaledDecimals, 10, " year");
  296. };
  297. kbn.valueFormats.s = function(size, decimals, scaledDecimals) {
  298. if (size === null) { return ""; }
  299. if (Math.abs(size) < 600) {
  300. return kbn.toFixed(size, decimals) + " s";
  301. }
  302. // Less than 1 hour, devide in minutes
  303. else if (Math.abs(size) < 3600) {
  304. return kbn.toFixedScaled(size / 60, decimals, scaledDecimals, 1, " min");
  305. }
  306. // Less than one day, devide in hours
  307. else if (Math.abs(size) < 86400) {
  308. return kbn.toFixedScaled(size / 3600, decimals, scaledDecimals, 4, " hour");
  309. }
  310. // Less than one week, devide in days
  311. else if (Math.abs(size) < 604800) {
  312. return kbn.toFixedScaled(size / 86400, decimals, scaledDecimals, 5, " day");
  313. }
  314. // Less than one year, devide in week
  315. else if (Math.abs(size) < 31536000) {
  316. return kbn.toFixedScaled(size / 604800, decimals, scaledDecimals, 6, " week");
  317. }
  318. return kbn.toFixedScaled(size / 3.15569e7, decimals, scaledDecimals, 7, " year");
  319. };
  320. kbn.valueFormats['µs'] = function(size, decimals, scaledDecimals) {
  321. if (size === null) { return ""; }
  322. if (Math.abs(size) < 1000) {
  323. return kbn.toFixed(size, decimals) + " µs";
  324. }
  325. else if (Math.abs(size) < 1000000) {
  326. return kbn.toFixedScaled(size / 1000, decimals, scaledDecimals, 3, " ms");
  327. }
  328. else {
  329. return kbn.toFixedScaled(size / 1000000, decimals, scaledDecimals, 6, " s");
  330. }
  331. };
  332. kbn.valueFormats.ns = function(size, decimals, scaledDecimals) {
  333. if (size === null) { return ""; }
  334. if (Math.abs(size) < 1000) {
  335. return kbn.toFixed(size, decimals) + " ns";
  336. }
  337. else if (Math.abs(size) < 1000000) {
  338. return kbn.toFixedScaled(size / 1000, decimals, scaledDecimals, 3, " µs");
  339. }
  340. else if (Math.abs(size) < 1000000000) {
  341. return kbn.toFixedScaled(size / 1000000, decimals, scaledDecimals, 6, " ms");
  342. }
  343. else if (Math.abs(size) < 60000000000){
  344. return kbn.toFixedScaled(size / 1000000000, decimals, scaledDecimals, 9, " s");
  345. }
  346. else {
  347. return kbn.toFixedScaled(size / 60000000000, decimals, scaledDecimals, 12, " min");
  348. }
  349. };
  350. ///// FORMAT MENU /////
  351. kbn.getUnitFormats = function() {
  352. return [
  353. {
  354. text: 'none',
  355. submenu: [
  356. {text: 'none' , value: 'none'},
  357. {text: 'short', value: 'short'},
  358. {text: 'percent', value: 'percent'},
  359. {text: 'ppm', value: 'ppm'},
  360. {text: 'dB', value: 'dB'},
  361. ]
  362. },
  363. {
  364. text: 'duration',
  365. submenu: [
  366. {text: 'nanoseconds (ns)' , value: 'ns'},
  367. {text: 'microseconds (µs)', value: 'µs'},
  368. {text: 'milliseconds (ms)', value: 'ms'},
  369. {text: 'seconds (s)', value: 's'},
  370. {text: 'Hertz (1/s)', value: 'hertz'},
  371. ]
  372. },
  373. {
  374. text: 'data',
  375. submenu: [
  376. {text: 'bits', value: 'bits'},
  377. {text: 'bytes', value: 'bytes'},
  378. {text: 'kilobytes', value: 'kbytes'},
  379. {text: 'megabytes', value: 'mbytes'},
  380. {text: 'gigabytes', value: 'gbytes'},
  381. ]
  382. },
  383. {
  384. text: 'data rate',
  385. submenu: [
  386. {text: 'packets/sec', value: 'pps'},
  387. {text: 'bits/sec', value: 'bps'},
  388. {text: 'bytes/sec', value: 'Bps'},
  389. ]
  390. },
  391. {
  392. text: 'energy',
  393. submenu: [
  394. {text: 'watt (W)', value: 'watt'},
  395. {text: 'kilowatt (kW)', value: 'kwatt'},
  396. {text: 'watt-hour (Wh)', value: 'watth'},
  397. {text: 'kilowatt-hour (kWh)', value: 'kwatth'},
  398. {text: 'joule (J)', value: 'joule'},
  399. {text: 'electron volt (eV)', value: 'ev'},
  400. {text: 'Ampere (A)', value: 'amp'},
  401. {text: 'Volt (V)', value: 'volt'},
  402. ]
  403. },
  404. {
  405. text: 'weather',
  406. submenu: [
  407. {text: 'Celcius (°C)', value: 'celsius' },
  408. {text: 'Farenheit (°F)', value: 'farenheit'},
  409. {text: 'Humidity (%H)', value: 'humidity' },
  410. {text: 'Pressure (mbar)', value: 'pressurembar' },
  411. {text: 'Pressure (hPa)', value: 'pressurehpa' },
  412. ]
  413. },
  414. {
  415. text: 'velocity',
  416. submenu: [
  417. {text: 'm/s', value: 'velocityms' },
  418. {text: 'km/h', value: 'velocitykmh' },
  419. {text: 'mph', value: 'velocitymph' },
  420. {text: 'knot (kn)', value: 'velocityknot' },
  421. ]
  422. },
  423. ];
  424. };
  425. return kbn;
  426. });