heatmap_data_converter.ts 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419
  1. ///<reference path="../../../headers/common.d.ts" />
  2. import _ from 'lodash';
  3. import TimeSeries from 'app/core/time_series2';
  4. let VALUE_INDEX = 0;
  5. let TIME_INDEX = 1;
  6. interface XBucket {
  7. x: number;
  8. buckets: any;
  9. }
  10. interface YBucket {
  11. y: number;
  12. values: number[];
  13. }
  14. function elasticHistogramToHeatmap(seriesList) {
  15. let heatmap = {};
  16. for (let series of seriesList) {
  17. let bound = Number(series.alias);
  18. if (isNaN(bound)) {
  19. return;
  20. }
  21. for (let point of series.datapoints) {
  22. let count = point[VALUE_INDEX];
  23. let time = point[TIME_INDEX];
  24. if (!_.isNumber(count)) {
  25. continue;
  26. }
  27. let bucket = heatmap[time];
  28. if (!bucket) {
  29. bucket = heatmap[time] = {x: time, buckets: {}};
  30. }
  31. bucket.buckets[bound] = {y: bound, count: count, values: [], points: []};
  32. }
  33. }
  34. return heatmap;
  35. }
  36. /**
  37. * Convert buckets into linear array of "cards" - objects, represented heatmap elements.
  38. * @param {Object} buckets
  39. * @return {Array} Array of "card" objects
  40. */
  41. function convertToCards(buckets) {
  42. let cards = [];
  43. _.forEach(buckets, xBucket => {
  44. _.forEach(xBucket.buckets, yBucket=> {
  45. let card = {
  46. x: xBucket.x,
  47. y: yBucket.y,
  48. yBounds: yBucket.bounds,
  49. values: yBucket.values,
  50. count: yBucket.count,
  51. };
  52. cards.push(card);
  53. });
  54. });
  55. return cards;
  56. }
  57. /**
  58. * Special method for log scales. When series converted into buckets with log scale,
  59. * for simplification, 0 values are converted into 0, not into -Infinity. On the other hand, we mean
  60. * that all values less than series minimum, is 0 values, and we create special "minimum" bucket for
  61. * that values (actually, there're no values less than minimum, so this bucket is empty).
  62. * 8-16| | ** | | * | **|
  63. * 4-8| * |* *|* |** *| * |
  64. * 2-4| * *| | ***| |* |
  65. * 1-2|* | | | | | This bucket contains minimum series value
  66. * 0.5-1|____|____|____|____|____| This bucket should be displayed as 0 on graph
  67. * 0|____|____|____|____|____| This bucket is for 0 values (should actually be -Infinity)
  68. * So we should merge two bottom buckets into one (0-value bucket).
  69. *
  70. * @param {Object} buckets Heatmap buckets
  71. * @param {Number} minValue Minimum series value
  72. * @return {Object} Transformed buckets
  73. */
  74. function mergeZeroBuckets(buckets, minValue) {
  75. _.forEach(buckets, xBucket => {
  76. let yBuckets = xBucket.buckets;
  77. let emptyBucket = {
  78. bounds: {bottom: 0, top: 0},
  79. values: [],
  80. points: [],
  81. count: 0,
  82. };
  83. let nullBucket = yBuckets[0] || emptyBucket;
  84. let minBucket = yBuckets[minValue] || emptyBucket;
  85. let newBucket = {
  86. y: 0,
  87. bounds: {bottom: minValue, top: minBucket.bounds.top || minValue},
  88. values: [],
  89. points: [],
  90. count: 0,
  91. };
  92. newBucket.points = nullBucket.points.concat(minBucket.points);
  93. newBucket.values = nullBucket.values.concat(minBucket.values);
  94. newBucket.count = newBucket.values.length;
  95. if (newBucket.count === 0) {
  96. return;
  97. }
  98. delete yBuckets[minValue];
  99. yBuckets[0] = newBucket;
  100. });
  101. return buckets;
  102. }
  103. /**
  104. * Convert set of time series into heatmap buckets
  105. * @return {Object} Heatmap object:
  106. * {
  107. * xBucketBound_1: {
  108. * x: xBucketBound_1,
  109. * buckets: {
  110. * yBucketBound_1: {
  111. * y: yBucketBound_1,
  112. * bounds: {bottom, top}
  113. * values: [val_1, val_2, ..., val_K],
  114. * points: [[val_Y, val_X, series_name], ..., [...]],
  115. * seriesStat: {seriesName_1: val_1, seriesName_2: val_2}
  116. * },
  117. * ...
  118. * yBucketBound_M: {}
  119. * },
  120. * values: [val_1, val_2, ..., val_K],
  121. * points: [
  122. * [val_Y, val_X, series_name], (point_1)
  123. * ...
  124. * [...] (point_K)
  125. * ]
  126. * },
  127. * xBucketBound_2: {},
  128. * ...
  129. * xBucketBound_N: {}
  130. * }
  131. */
  132. function convertToHeatMap(seriesList, yBucketSize, xBucketSize, logBase = 1) {
  133. let heatmap = {};
  134. for (let series of seriesList) {
  135. let datapoints = series.datapoints;
  136. let seriesName = series.label;
  137. // Slice series into X axis buckets
  138. // | | ** | | * | **|
  139. // | * |* *|* |** *| * |
  140. // |** *| | ***| |* |
  141. // |____|____|____|____|____|_
  142. //
  143. _.forEach(datapoints, point => {
  144. let bucketBound = getBucketBound(point[TIME_INDEX], xBucketSize);
  145. pushToXBuckets(heatmap, point, bucketBound, seriesName);
  146. });
  147. }
  148. // Slice X axis buckets into Y (value) buckets
  149. // | **| |2|,
  150. // | * | --\ |1|,
  151. // |* | --/ |1|,
  152. // |____| |0|
  153. //
  154. _.forEach(heatmap, xBucket => {
  155. if (logBase !== 1) {
  156. xBucket.buckets = convertToLogScaleValueBuckets(xBucket, yBucketSize, logBase);
  157. } else {
  158. xBucket.buckets = convertToValueBuckets(xBucket, yBucketSize);
  159. }
  160. });
  161. return heatmap;
  162. }
  163. function pushToXBuckets(buckets, point, bucketNum, seriesName) {
  164. let value = point[VALUE_INDEX];
  165. if (value === null || value === undefined || isNaN(value)) { return; }
  166. // Add series name to point for future identification
  167. point.push(seriesName);
  168. if (buckets[bucketNum] && buckets[bucketNum].values) {
  169. buckets[bucketNum].values.push(value);
  170. buckets[bucketNum].points.push(point);
  171. } else {
  172. buckets[bucketNum] = {
  173. x: bucketNum,
  174. values: [value],
  175. points: [point]
  176. };
  177. }
  178. }
  179. function pushToYBuckets(buckets, bucketNum, value, point, bounds) {
  180. if (buckets[bucketNum]) {
  181. buckets[bucketNum].values.push(value);
  182. buckets[bucketNum].count += 1;
  183. } else {
  184. buckets[bucketNum] = {
  185. y: bucketNum,
  186. bounds: bounds,
  187. values: [value],
  188. count: 1,
  189. };
  190. }
  191. }
  192. function getValueBucketBound(value, yBucketSize, logBase) {
  193. if (logBase === 1) {
  194. return getBucketBound(value, yBucketSize);
  195. } else {
  196. return getLogScaleBucketBound(value, yBucketSize, logBase);
  197. }
  198. }
  199. /**
  200. * Find bucket for given value (for linear scale)
  201. */
  202. function getBucketBounds(value, bucketSize) {
  203. let bottom, top;
  204. bottom = Math.floor(value / bucketSize) * bucketSize;
  205. top = (Math.floor(value / bucketSize) + 1) * bucketSize;
  206. return {bottom, top};
  207. }
  208. function getBucketBound(value, bucketSize) {
  209. let bounds = getBucketBounds(value, bucketSize);
  210. return bounds.bottom;
  211. }
  212. function convertToValueBuckets(xBucket, bucketSize) {
  213. let values = xBucket.values;
  214. let points = xBucket.points;
  215. let buckets = {};
  216. _.forEach(values, (val, index) => {
  217. let bounds = getBucketBounds(val, bucketSize);
  218. let bucketNum = bounds.bottom;
  219. pushToYBuckets(buckets, bucketNum, val, points[index], bounds);
  220. });
  221. return buckets;
  222. }
  223. /**
  224. * Find bucket for given value (for log scales)
  225. */
  226. function getLogScaleBucketBounds(value, yBucketSplitFactor, logBase) {
  227. let top, bottom;
  228. if (value === 0) {
  229. return {bottom: 0, top: 0};
  230. }
  231. let value_log = logp(value, logBase);
  232. let pow, powTop;
  233. if (yBucketSplitFactor === 1 || !yBucketSplitFactor) {
  234. pow = Math.floor(value_log);
  235. powTop = pow + 1;
  236. } else {
  237. let additional_bucket_size = 1 / yBucketSplitFactor;
  238. let additional_log = value_log - Math.floor(value_log);
  239. additional_log = Math.floor(additional_log / additional_bucket_size) * additional_bucket_size;
  240. pow = Math.floor(value_log) + additional_log;
  241. powTop = pow + additional_bucket_size;
  242. }
  243. bottom = Math.pow(logBase, pow);
  244. top = Math.pow(logBase, powTop);
  245. return {bottom, top};
  246. }
  247. function getLogScaleBucketBound(value, yBucketSplitFactor, logBase) {
  248. let bounds = getLogScaleBucketBounds(value, yBucketSplitFactor, logBase);
  249. return bounds.bottom;
  250. }
  251. function convertToLogScaleValueBuckets(xBucket, yBucketSplitFactor, logBase) {
  252. let values = xBucket.values;
  253. let points = xBucket.points;
  254. let buckets = {};
  255. _.forEach(values, (val, index) => {
  256. let bounds = getLogScaleBucketBounds(val, yBucketSplitFactor, logBase);
  257. let bucketNum = bounds.bottom;
  258. pushToYBuckets(buckets, bucketNum, val, points[index], bounds);
  259. });
  260. return buckets;
  261. }
  262. // Get minimum non zero value.
  263. function getMinLog(series) {
  264. let values = _.compact(_.map(series.datapoints, p => p[0]));
  265. return _.min(values);
  266. }
  267. /**
  268. * Logarithm for custom base
  269. * @param value
  270. * @param base logarithm base
  271. */
  272. function logp(value, base) {
  273. return Math.log(value) / Math.log(base);
  274. }
  275. /**
  276. * Calculate size of Y bucket from given buckets bounds.
  277. * @param bounds Array of Y buckets bounds
  278. * @param logBase Logarithm base
  279. */
  280. function calculateBucketSize(bounds: number[], logBase = 1): number {
  281. let bucketSize = Infinity;
  282. if (bounds.length === 0) {
  283. return 0;
  284. } else if (bounds.length === 1) {
  285. return bounds[0];
  286. } else {
  287. bounds = _.sortBy(bounds);
  288. for (let i = 1; i < bounds.length; i++) {
  289. let distance = getDistance(bounds[i], bounds[i - 1], logBase);
  290. bucketSize = distance < bucketSize ? distance : bucketSize;
  291. }
  292. }
  293. return bucketSize;
  294. }
  295. /**
  296. * Calculate distance between two numbers in given scale (linear or logarithmic).
  297. * @param a
  298. * @param b
  299. * @param logBase
  300. */
  301. function getDistance(a: number, b: number, logBase = 1): number {
  302. if (logBase === 1) {
  303. // Linear distance
  304. return Math.abs(b - a);
  305. } else {
  306. // logarithmic distance
  307. let ratio = Math.max(a, b) / Math.min(a, b);
  308. return logp(ratio, logBase);
  309. }
  310. }
  311. /**
  312. * Compare two heatmap data objects
  313. * @param objA
  314. * @param objB
  315. */
  316. function isHeatmapDataEqual(objA: any, objB: any): boolean {
  317. let is_eql = !emptyXOR(objA, objB);
  318. _.forEach(objA, (xBucket: XBucket, x) => {
  319. if (objB[x]) {
  320. if (emptyXOR(xBucket.buckets, objB[x].buckets)) {
  321. is_eql = false;
  322. return false;
  323. }
  324. _.forEach(xBucket.buckets, (yBucket: YBucket, y) => {
  325. if (objB[x].buckets && objB[x].buckets[y]) {
  326. if (objB[x].buckets[y].values) {
  327. is_eql = _.isEqual(_.sortBy(yBucket.values), _.sortBy(objB[x].buckets[y].values));
  328. if (!is_eql) {
  329. return false;
  330. }
  331. } else {
  332. is_eql = false;
  333. return false;
  334. }
  335. } else {
  336. is_eql = false;
  337. return false;
  338. }
  339. });
  340. if (!is_eql) {
  341. return false;
  342. }
  343. } else {
  344. is_eql = false;
  345. return false;
  346. }
  347. });
  348. return is_eql;
  349. }
  350. function emptyXOR(foo: any, bar: any): boolean {
  351. return (_.isEmpty(foo) || _.isEmpty(bar)) && !(_.isEmpty(foo) && _.isEmpty(bar));
  352. }
  353. export {
  354. convertToHeatMap,
  355. elasticHistogramToHeatmap,
  356. convertToCards,
  357. mergeZeroBuckets,
  358. getMinLog,
  359. getValueBucketBound,
  360. isHeatmapDataEqual,
  361. calculateBucketSize
  362. };