kbn.js 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587
  1. define([
  2. 'jquery',
  3. 'lodash',
  4. 'moment'
  5. ],
  6. function($, _, moment) {
  7. 'use strict';
  8. var kbn = {};
  9. kbn.valueFormats = {};
  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 = (((seconds % 31536000) % 86400) % 3600) % 60;
  82. if(numseconds){
  83. return numseconds + 's';
  84. }
  85. return 'less then a second'; //'just now' //or other string you like;
  86. };
  87. kbn.to_percent = function(number,outof) {
  88. return Math.floor((number/outof)*10000)/100 + "%";
  89. };
  90. kbn.addslashes = function(str) {
  91. str = str.replace(/\\/g, '\\\\');
  92. str = str.replace(/\'/g, '\\\'');
  93. str = str.replace(/\"/g, '\\"');
  94. str = str.replace(/\0/g, '\\0');
  95. return str;
  96. };
  97. kbn.interval_regex = /(\d+(?:\.\d+)?)([Mwdhmsy])/;
  98. // histogram & trends
  99. kbn.intervals_in_seconds = {
  100. y: 31536000,
  101. M: 2592000,
  102. w: 604800,
  103. d: 86400,
  104. h: 3600,
  105. m: 60,
  106. s: 1
  107. };
  108. kbn.calculateInterval = function(range, resolution, userInterval) {
  109. var lowLimitMs = 1; // 1 millisecond default low limit
  110. var intervalMs, lowLimitInterval;
  111. if (userInterval) {
  112. if (userInterval[0] === '>') {
  113. lowLimitInterval = userInterval.slice(1);
  114. lowLimitMs = kbn.interval_to_ms(lowLimitInterval);
  115. }
  116. else {
  117. return userInterval;
  118. }
  119. }
  120. intervalMs = kbn.round_interval((range.to.valueOf() - range.from.valueOf()) / resolution);
  121. if (lowLimitMs > intervalMs) {
  122. intervalMs = lowLimitMs;
  123. }
  124. return kbn.secondsToHms(intervalMs / 1000);
  125. };
  126. kbn.describe_interval = function (string) {
  127. var matches = string.match(kbn.interval_regex);
  128. if (!matches || !_.has(kbn.intervals_in_seconds, matches[2])) {
  129. throw new Error('Invalid interval string, expexcting a number followed by one of "Mwdhmsy"');
  130. } else {
  131. return {
  132. sec: kbn.intervals_in_seconds[matches[2]],
  133. type: matches[2],
  134. count: parseInt(matches[1], 10)
  135. };
  136. }
  137. };
  138. kbn.interval_to_ms = function(string) {
  139. var info = kbn.describe_interval(string);
  140. return info.sec * 1000 * info.count;
  141. };
  142. kbn.interval_to_seconds = function (string) {
  143. var info = kbn.describe_interval(string);
  144. return info.sec * info.count;
  145. };
  146. /* This is a simplified version of elasticsearch's date parser */
  147. kbn.parseDate = function(text) {
  148. if(_.isDate(text)) {
  149. return text;
  150. }
  151. var time;
  152. var mathString = "";
  153. var index;
  154. var parseString;
  155. if (text.substring(0,3) === "now") {
  156. time = new Date();
  157. mathString = text.substring(3);
  158. }
  159. else if (text.substring(0,5) === 'today') {
  160. time = new Date();
  161. time.setHours(0,0,0,0);
  162. mathString = text.substring(5);
  163. }
  164. else {
  165. index = text.indexOf("||");
  166. parseString;
  167. if (index === -1) {
  168. parseString = text;
  169. mathString = ""; // nothing else
  170. } else {
  171. parseString = text.substring(0, index);
  172. mathString = text.substring(index + 2);
  173. }
  174. // We're going to just require ISO8601 timestamps, k?
  175. time = new Date(parseString);
  176. }
  177. if (!mathString.length) {
  178. return time;
  179. }
  180. //return [time,parseString,mathString];
  181. return kbn.parseDateMath(mathString, time);
  182. };
  183. kbn._timespanRegex = /^\d+[h,m,M,w,s,H,d]$/;
  184. kbn.isValidTimeSpan = function(str) {
  185. return kbn._timespanRegex.test(str);
  186. };
  187. kbn.parseDateMath = function(mathString, time, roundUp) {
  188. var dateTime = moment(time);
  189. for (var i = 0; i < mathString.length;) {
  190. var c = mathString.charAt(i++),
  191. type,
  192. num,
  193. unit;
  194. if (c === '/') {
  195. type = 0;
  196. } else if (c === '+') {
  197. type = 1;
  198. } else if (c === '-') {
  199. type = 2;
  200. } else {
  201. return false;
  202. }
  203. if (isNaN(mathString.charAt(i))) {
  204. num = 1;
  205. } else {
  206. var numFrom = i;
  207. while (!isNaN(mathString.charAt(i))) {
  208. i++;
  209. }
  210. num = parseInt(mathString.substring(numFrom, i),10);
  211. }
  212. if (type === 0) {
  213. // rounding is only allowed on whole numbers
  214. if (num !== 1) {
  215. return false;
  216. }
  217. }
  218. unit = mathString.charAt(i++);
  219. switch (unit) {
  220. case 'y':
  221. if (type === 0) {
  222. roundUp ? dateTime.endOf('year') : dateTime.startOf('year');
  223. } else if (type === 1) {
  224. dateTime.add(num, 'years');
  225. } else if (type === 2) {
  226. dateTime.subtract(num, 'years');
  227. }
  228. break;
  229. case 'M':
  230. if (type === 0) {
  231. roundUp ? dateTime.endOf('month') : dateTime.startOf('month');
  232. } else if (type === 1) {
  233. dateTime.add(num, 'months');
  234. } else if (type === 2) {
  235. dateTime.subtract(num, 'months');
  236. }
  237. break;
  238. case 'w':
  239. if (type === 0) {
  240. roundUp ? dateTime.endOf('week') : dateTime.startOf('week');
  241. } else if (type === 1) {
  242. dateTime.add(num, 'weeks');
  243. } else if (type === 2) {
  244. dateTime.subtract(num, 'weeks');
  245. }
  246. break;
  247. case 'd':
  248. if (type === 0) {
  249. roundUp ? dateTime.endOf('day') : dateTime.startOf('day');
  250. } else if (type === 1) {
  251. dateTime.add(num, 'days');
  252. } else if (type === 2) {
  253. dateTime.subtract(num, 'days');
  254. }
  255. break;
  256. case 'h':
  257. case 'H':
  258. if (type === 0) {
  259. roundUp ? dateTime.endOf('hour') : dateTime.startOf('hour');
  260. } else if (type === 1) {
  261. dateTime.add(num, 'hours');
  262. } else if (type === 2) {
  263. dateTime.subtract(num,'hours');
  264. }
  265. break;
  266. case 'm':
  267. if (type === 0) {
  268. roundUp ? dateTime.endOf('minute') : dateTime.startOf('minute');
  269. } else if (type === 1) {
  270. dateTime.add(num, 'minutes');
  271. } else if (type === 2) {
  272. dateTime.subtract(num, 'minutes');
  273. }
  274. break;
  275. case 's':
  276. if (type === 0) {
  277. roundUp ? dateTime.endOf('second') : dateTime.startOf('second');
  278. } else if (type === 1) {
  279. dateTime.add(num, 'seconds');
  280. } else if (type === 2) {
  281. dateTime.subtract(num, 'seconds');
  282. }
  283. break;
  284. default:
  285. return false;
  286. }
  287. }
  288. return dateTime.toDate();
  289. };
  290. kbn.query_color_dot = function (color, diameter) {
  291. return '<div class="icon-circle" style="' + [
  292. 'display:inline-block',
  293. 'color:' + color,
  294. 'font-size:' + diameter + 'px',
  295. ].join(';') + '"></div>';
  296. };
  297. kbn.valueFormats.percent = function(size, decimals) {
  298. return kbn.toFixed(size, decimals) + '%';
  299. };
  300. kbn.formatFuncCreator = function(factor, extArray) {
  301. return function(size, decimals, scaledDecimals) {
  302. if (size === null) {
  303. return "";
  304. }
  305. var steps = 0;
  306. var limit = extArray.length;
  307. while (Math.abs(size) >= factor) {
  308. steps++;
  309. size /= factor;
  310. if (steps >= limit) { return "NA"; }
  311. }
  312. if (steps > 0 && scaledDecimals !== null) {
  313. decimals = scaledDecimals + (3 * steps);
  314. }
  315. return kbn.toFixed(size, decimals) + extArray[steps];
  316. };
  317. };
  318. kbn.toFixed = function(value, decimals) {
  319. if (value === null) {
  320. return "";
  321. }
  322. var factor = decimals ? Math.pow(10, Math.max(0, decimals)) : 1;
  323. var formatted = String(Math.round(value * factor) / factor);
  324. // if exponent return directly
  325. if (formatted.indexOf('e') !== -1 || value === 0) {
  326. return formatted;
  327. }
  328. // If tickDecimals was specified, ensure that we have exactly that
  329. // much precision; otherwise default to the value's own precision.
  330. if (decimals != null) {
  331. var decimalPos = formatted.indexOf(".");
  332. var precision = decimalPos === -1 ? 0 : formatted.length - decimalPos - 1;
  333. if (precision < decimals) {
  334. return (precision ? formatted : formatted + ".") + (String(factor)).substr(1, decimals - precision);
  335. }
  336. }
  337. return formatted;
  338. };
  339. kbn.valueFormats.bits = kbn.formatFuncCreator(1024, [' b', ' Kib', ' Mib', ' Gib', ' Tib', ' Pib', ' Eib', ' Zib', ' Yib']);
  340. kbn.valueFormats.bytes = kbn.formatFuncCreator(1024, [' B', ' KiB', ' MiB', ' GiB', ' TiB', ' PiB', ' EiB', ' ZiB', ' YiB']);
  341. kbn.valueFormats.kbytes = kbn.formatFuncCreator(1024, [' KiB', ' MiB', ' GiB', ' TiB', ' PiB', ' EiB', ' ZiB', ' YiB']);
  342. kbn.valueFormats.mbytes = kbn.formatFuncCreator(1024, [' MiB', ' GiB', ' TiB', ' PiB', ' EiB', ' ZiB', ' YiB']);
  343. kbn.valueFormats.bps = kbn.formatFuncCreator(1000, [' bps', ' Kbps', ' Mbps', ' Gbps', ' Tbps', ' Pbps', ' Ebps', ' Zbps', ' Ybps']);
  344. kbn.valueFormats.Bps = kbn.formatFuncCreator(1000, [' Bps', ' KBps', ' MBps', ' GBps', ' TBps', ' PBps', ' EBps', ' ZBps', ' YBps']);
  345. kbn.valueFormats.short = kbn.formatFuncCreator(1000, ['', ' K', ' Mil', ' Bil', ' Tri', ' Qaudr', ' Quint', ' Sext', ' Sept']);
  346. kbn.valueFormats.joule = kbn.formatFuncCreator(1000, [' J', ' kJ', ' MJ', ' GJ', ' TJ', ' PJ', ' EJ', ' ZJ', ' YJ']);
  347. kbn.valueFormats.watt = kbn.formatFuncCreator(1000, [' W', ' kW', ' MW', ' GW', ' TW', ' PW', ' EW', ' ZW', ' YW']);
  348. kbn.valueFormats.kwatt = kbn.formatFuncCreator(1000, [' kW', ' MW', ' GW', ' TW', ' PW', ' EW', ' ZW', ' YW']);
  349. kbn.valueFormats.watth = kbn.formatFuncCreator(1000, [' Wh', ' kWh', ' MWh', ' GWh', ' TWh', ' PWh', ' EWh', ' ZWh', ' YWh']);
  350. kbn.valueFormats.kwatth = kbn.formatFuncCreator(1000, [' kWh', ' MWh', ' GWh', ' TWh', ' PWh', ' EWh', ' ZWh', ' YWh']);
  351. kbn.valueFormats.ev = kbn.formatFuncCreator(1000, [' eV', ' keV', ' MeV', 'GeV', 'TeV', 'PeV', 'EeV', 'ZeV', 'YeV']);
  352. kbn.valueFormats.none = kbn.toFixed;
  353. kbn.valueFormats.celsius = function(value, decimals) { return kbn.toFixed(value, decimals) + ' °C'; };
  354. kbn.valueFormats.farenheit = function(value, decimals) { return kbn.toFixed(value, decimals) + ' °F'; };
  355. kbn.valueFormats.humidity = function(value, decimals) { return kbn.toFixed(value, decimals) + ' %H'; };
  356. kbn.valueFormats.ppm = function(value, decimals) { return kbn.toFixed(value, decimals) + ' ppm'; };
  357. kbn.valueFormats.velocityms = function(value, decimals) { return kbn.toFixed(value, decimals) + ' m/s'; };
  358. kbn.valueFormats.velocitykmh = function(value, decimals) { return kbn.toFixed(value, decimals) + ' km/h'; };
  359. kbn.valueFormats.velocitymph = function(value, decimals) { return kbn.toFixed(value, decimals) + ' mph'; };
  360. kbn.valueFormats.velocityknot = function(value, decimals) { return kbn.toFixed(value, decimals) + ' kn'; };
  361. kbn.toFixedScaled = function(value, decimals, scaledDecimals, additionalDecimals, ext) {
  362. if (scaledDecimals === null) {
  363. return kbn.toFixed(value, decimals) + ext;
  364. } else {
  365. return kbn.toFixed(value, scaledDecimals + additionalDecimals) + ext;
  366. }
  367. };
  368. kbn.valueFormats.ms = function(size, decimals, scaledDecimals) {
  369. if (size === null) { return ""; }
  370. if (Math.abs(size) < 1000) {
  371. return kbn.toFixed(size, decimals) + " ms";
  372. }
  373. // Less than 1 min
  374. else if (Math.abs(size) < 60000) {
  375. return kbn.toFixedScaled(size / 1000, decimals, scaledDecimals, 3, " s");
  376. }
  377. // Less than 1 hour, devide in minutes
  378. else if (Math.abs(size) < 3600000) {
  379. return kbn.toFixedScaled(size / 60000, decimals, scaledDecimals, 5, " min");
  380. }
  381. // Less than one day, devide in hours
  382. else if (Math.abs(size) < 86400000) {
  383. return kbn.toFixedScaled(size / 3600000, decimals, scaledDecimals, 7, " hour");
  384. }
  385. // Less than one year, devide in days
  386. else if (Math.abs(size) < 31536000000) {
  387. return kbn.toFixedScaled(size / 86400000, decimals, scaledDecimals, 8, " day");
  388. }
  389. return kbn.toFixedScaled(size / 31536000000, decimals, scaledDecimals, 10, " year");
  390. };
  391. kbn.valueFormats.s = function(size, decimals, scaledDecimals) {
  392. if (size === null) { return ""; }
  393. if (Math.abs(size) < 600) {
  394. return kbn.toFixed(size, decimals) + " s";
  395. }
  396. // Less than 1 hour, devide in minutes
  397. else if (Math.abs(size) < 3600) {
  398. return kbn.toFixedScaled(size / 60, decimals, scaledDecimals, 1, " min");
  399. }
  400. // Less than one day, devide in hours
  401. else if (Math.abs(size) < 86400) {
  402. return kbn.toFixedScaled(size / 3600, decimals, scaledDecimals, 4, " hour");
  403. }
  404. // Less than one week, devide in days
  405. else if (Math.abs(size) < 604800) {
  406. return kbn.toFixedScaled(size / 86400, decimals, scaledDecimals, 5, " day");
  407. }
  408. // Less than one year, devide in week
  409. else if (Math.abs(size) < 31536000) {
  410. return kbn.toFixedScaled(size / 604800, decimals, scaledDecimals, 6, " week");
  411. }
  412. return kbn.toFixedScaled(size / 3.15569e7, decimals, scaledDecimals, 7, " year");
  413. };
  414. kbn.valueFormats['µs'] = function(size, decimals, scaledDecimals) {
  415. if (size === null) { return ""; }
  416. if (Math.abs(size) < 1000) {
  417. return kbn.toFixed(size, decimals) + " µs";
  418. }
  419. else if (Math.abs(size) < 1000000) {
  420. return kbn.toFixedScaled(size / 1000, decimals, scaledDecimals, 3, " ms");
  421. }
  422. else {
  423. return kbn.toFixedScaled(size / 1000000, decimals, scaledDecimals, 6, " s");
  424. }
  425. };
  426. kbn.valueFormats.ns = function(size, decimals, scaledDecimals) {
  427. if (size === null) { return ""; }
  428. if (Math.abs(size) < 1000) {
  429. return kbn.toFixed(size, decimals) + " ns";
  430. }
  431. else if (Math.abs(size) < 1000000) {
  432. return kbn.toFixedScaled(size / 1000, decimals, scaledDecimals, 3, " µs");
  433. }
  434. else if (Math.abs(size) < 1000000000) {
  435. return kbn.toFixedScaled(size / 1000000, decimals, scaledDecimals, 6, " ms");
  436. }
  437. else if (Math.abs(size) < 60000000000){
  438. return kbn.toFixedScaled(size / 1000000000, decimals, scaledDecimals, 9, " s");
  439. }
  440. else {
  441. return kbn.toFixedScaled(size / 60000000000, decimals, scaledDecimals, 12, " min");
  442. }
  443. };
  444. kbn.slugifyForUrl = function(str) {
  445. return str
  446. .toLowerCase()
  447. .replace(/[^\w ]+/g,'')
  448. .replace(/ +/g,'-');
  449. };
  450. kbn.exportSeriesListToCsv = function(seriesList) {
  451. var text = 'Series;Time;Value\n';
  452. _.each(seriesList, function(series) {
  453. _.each(series.datapoints, function(dp) {
  454. text += series.alias + ';' + new Date(dp[1]).toISOString() + ';' + dp[0] + '\n';
  455. });
  456. });
  457. var blob = new Blob([text], { type: "text/csv;charset=utf-8" });
  458. window.saveAs(blob, 'grafana_data_export.csv');
  459. };
  460. kbn.stringToJsRegex = function(str) {
  461. if (str[0] !== '/') {
  462. return new RegExp(str);
  463. }
  464. var match = str.match(new RegExp('^/(.*?)/(g?i?m?y?)$'));
  465. return new RegExp(match[1], match[2]);
  466. };
  467. kbn.getUnitFormats = function() {
  468. return [
  469. {
  470. text: 'none',
  471. submenu: [
  472. {text: 'none' , value: 'none'},
  473. {text: 'short', value: 'short'},
  474. {text: 'percent', value: 'percent'},
  475. {text: 'ppm', value: 'ppm'},
  476. ]
  477. },
  478. {
  479. text: 'duration',
  480. submenu: [
  481. {text: 'nanoseconds (ns)' , value: 'ns'},
  482. {text: 'microseconds (µs)', value: 'µs'},
  483. {text: 'milliseconds (ms)', value: 'ms'},
  484. {text: 'seconds (s)', value: 's'},
  485. ]
  486. },
  487. {
  488. text: 'data',
  489. submenu: [
  490. {text: 'bits', value: 'bits'},
  491. {text: 'bytes', value: 'bytes'},
  492. {text: 'kilobytes', value: 'kbytes'},
  493. {text: 'megabytes', value: 'mbytes'},
  494. ]
  495. },
  496. {
  497. text: 'data rate',
  498. submenu: [
  499. {text: 'bits/sec', value: 'bps'},
  500. {text: 'bytes/sec', value: 'Bps'},
  501. ]
  502. },
  503. {
  504. text: 'energy',
  505. submenu: [
  506. {text: 'watt (W)', value: 'watt'},
  507. {text: 'kilowatt (kW)', value: 'kwatt'},
  508. {text: 'watt-hour (Wh)', value: 'watth'},
  509. {text: 'kilowatt-hour (kWh)', value: 'kwatth'},
  510. {text: 'joule (J)', value: 'joule'},
  511. {text: 'electron volt (eV)', value: 'ev'},
  512. ]
  513. },
  514. {
  515. text: 'weather',
  516. submenu: [
  517. {text: 'Celcius (°C)', value: 'celsius' },
  518. {text: 'Farenheit (°F)', value: 'farenheit'},
  519. {text: 'Humidity (%H)', value: 'humidity' },
  520. ]
  521. },
  522. {
  523. text: 'velocity',
  524. submenu: [
  525. {text: 'm/s', value: 'velocityms' },
  526. {text: 'km/h', value: 'velocitykmh' },
  527. {text: 'mph', value: 'velocitymph' },
  528. {text: 'knot (kn)', value: 'velocityknot' },
  529. ]
  530. },
  531. ];
  532. };
  533. return kbn;
  534. });