dodge.js 9.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
  1. import { __extends } from "tslib";
  2. import * as _ from '@antv/util';
  3. import { DODGE_RATIO, MARGIN_RATIO } from '../constant';
  4. import Adjust from './adjust';
  5. var Dodge = /** @class */ (function (_super) {
  6. __extends(Dodge, _super);
  7. function Dodge(cfg) {
  8. var _this = _super.call(this, cfg) || this;
  9. _this.cacheMap = {};
  10. _this.adjustDataArray = [];
  11. _this.mergeData = [];
  12. var _a = cfg.marginRatio, marginRatio = _a === void 0 ? MARGIN_RATIO : _a, _b = cfg.dodgeRatio, dodgeRatio = _b === void 0 ? DODGE_RATIO : _b, dodgeBy = cfg.dodgeBy, intervalPadding = cfg.intervalPadding, dodgePadding = cfg.dodgePadding, xDimensionLength = cfg.xDimensionLength, groupNum = cfg.groupNum, defaultSize = cfg.defaultSize, maxColumnWidth = cfg.maxColumnWidth, minColumnWidth = cfg.minColumnWidth, columnWidthRatio = cfg.columnWidthRatio, customOffset = cfg.customOffset;
  13. _this.marginRatio = marginRatio;
  14. _this.dodgeRatio = dodgeRatio;
  15. _this.dodgeBy = dodgeBy;
  16. _this.intervalPadding = intervalPadding;
  17. _this.dodgePadding = dodgePadding;
  18. _this.xDimensionLegenth = xDimensionLength;
  19. _this.groupNum = groupNum;
  20. _this.defaultSize = defaultSize;
  21. _this.maxColumnWidth = maxColumnWidth;
  22. _this.minColumnWidth = minColumnWidth;
  23. _this.columnWidthRatio = columnWidthRatio;
  24. _this.customOffset = customOffset;
  25. return _this;
  26. }
  27. Dodge.prototype.process = function (groupDataArray) {
  28. var groupedDataArray = _.clone(groupDataArray);
  29. // 将数据数组展开一层
  30. var mergeData = _.flatten(groupedDataArray);
  31. var dodgeBy = this.dodgeBy;
  32. // 如果指定了分组 dim 的字段
  33. var adjustDataArray = dodgeBy ? _.group(mergeData, dodgeBy) : groupedDataArray;
  34. this.cacheMap = {};
  35. this.adjustDataArray = adjustDataArray;
  36. this.mergeData = mergeData;
  37. this.adjustData(adjustDataArray, mergeData);
  38. this.adjustDataArray = [];
  39. this.mergeData = [];
  40. return groupedDataArray;
  41. };
  42. Dodge.prototype.adjustDim = function (dim, values, data, frameIndex) {
  43. var _this = this;
  44. var customOffset = this.customOffset;
  45. var map = this.getDistribution(dim);
  46. var groupData = this.groupData(data, dim); // 根据值分组
  47. _.each(groupData, function (group, key) {
  48. var range;
  49. // xField 中只有一个值,不需要做 dodge
  50. if (values.length === 1) {
  51. range = {
  52. pre: values[0] - 1,
  53. next: values[0] + 1,
  54. };
  55. }
  56. else {
  57. // 如果有多个,则需要获取调整的范围
  58. range = _this.getAdjustRange(dim, parseFloat(key), values);
  59. }
  60. _.each(group, function (d) {
  61. var value = d[dim];
  62. var valueArr = map[value];
  63. var valIndex = valueArr.indexOf(frameIndex);
  64. if (!_.isNil(customOffset)) {
  65. var pre = range.pre, next = range.next;
  66. d[dim] = _.isFunction(customOffset) ? customOffset(d, range) : (pre + next) / 2 + customOffset;
  67. }
  68. else {
  69. d[dim] = _this.getDodgeOffset(range, valIndex, valueArr.length);
  70. }
  71. });
  72. });
  73. return [];
  74. };
  75. Dodge.prototype.getDodgeOffset = function (range, idx, len) {
  76. var _a = this, dodgeRatio = _a.dodgeRatio, marginRatio = _a.marginRatio, intervalPadding = _a.intervalPadding, dodgePadding = _a.dodgePadding;
  77. var pre = range.pre, next = range.next;
  78. var tickLength = next - pre;
  79. var position;
  80. // 分多种输入情况
  81. if (!_.isNil(intervalPadding) && _.isNil(dodgePadding) && intervalPadding >= 0) {
  82. // 仅配置intervalPadding
  83. var offset = this.getIntervalOnlyOffset(len, idx);
  84. position = pre + offset;
  85. }
  86. else if (!_.isNil(dodgePadding) && _.isNil(intervalPadding) && dodgePadding >= 0) {
  87. // 仅配置dodgePadding
  88. var offset = this.getDodgeOnlyOffset(len, idx);
  89. position = pre + offset;
  90. }
  91. else if (!_.isNil(intervalPadding) &&
  92. !_.isNil(dodgePadding) &&
  93. intervalPadding >= 0 &&
  94. dodgePadding >= 0) {
  95. // 同时配置intervalPadding和dodgePadding
  96. var offset = this.getIntervalAndDodgeOffset(len, idx);
  97. position = pre + offset;
  98. }
  99. else {
  100. // 默认情况
  101. var width = (tickLength * dodgeRatio) / len;
  102. var margin = marginRatio * width;
  103. var offset = (1 / 2) * (tickLength - len * width - (len - 1) * margin) +
  104. ((idx + 1) * width + idx * margin) -
  105. (1 / 2) * width -
  106. (1 / 2) * tickLength;
  107. position = (pre + next) / 2 + offset;
  108. }
  109. return position;
  110. };
  111. Dodge.prototype.getIntervalOnlyOffset = function (len, idx) {
  112. var _a = this, defaultSize = _a.defaultSize, intervalPadding = _a.intervalPadding, xDimensionLegenth = _a.xDimensionLegenth, groupNum = _a.groupNum, dodgeRatio = _a.dodgeRatio, maxColumnWidth = _a.maxColumnWidth, minColumnWidth = _a.minColumnWidth, columnWidthRatio = _a.columnWidthRatio;
  113. var normalizedIntervalPadding = intervalPadding / xDimensionLegenth;
  114. var normalizedDodgePadding = (1 - (groupNum - 1) * normalizedIntervalPadding) / groupNum * dodgeRatio / (len - 1);
  115. var geomWidth = ((1 - normalizedIntervalPadding * (groupNum - 1)) / groupNum - normalizedDodgePadding * (len - 1)) / len;
  116. // 根据columnWidthRatio/defaultSize/maxColumnWidth/minColumnWidth调整宽度
  117. geomWidth = (!_.isNil(columnWidthRatio)) ? 1 / groupNum / len * columnWidthRatio : geomWidth;
  118. if (!_.isNil(maxColumnWidth)) {
  119. var normalizedMaxWidht = maxColumnWidth / xDimensionLegenth;
  120. geomWidth = Math.min(geomWidth, normalizedMaxWidht);
  121. }
  122. if (!_.isNil(minColumnWidth)) {
  123. var normalizedMinWidht = minColumnWidth / xDimensionLegenth;
  124. geomWidth = Math.max(geomWidth, normalizedMinWidht);
  125. }
  126. geomWidth = defaultSize ? (defaultSize / xDimensionLegenth) : geomWidth;
  127. // 调整组内间隔
  128. normalizedDodgePadding = ((1 - (groupNum - 1) * normalizedIntervalPadding) / groupNum - len * geomWidth) / (len - 1);
  129. var offset = ((1 / 2 + idx) * geomWidth + idx * normalizedDodgePadding +
  130. (1 / 2) * normalizedIntervalPadding) * groupNum -
  131. normalizedIntervalPadding / 2;
  132. return offset;
  133. };
  134. Dodge.prototype.getDodgeOnlyOffset = function (len, idx) {
  135. var _a = this, defaultSize = _a.defaultSize, dodgePadding = _a.dodgePadding, xDimensionLegenth = _a.xDimensionLegenth, groupNum = _a.groupNum, marginRatio = _a.marginRatio, maxColumnWidth = _a.maxColumnWidth, minColumnWidth = _a.minColumnWidth, columnWidthRatio = _a.columnWidthRatio;
  136. var normalizedDodgePadding = dodgePadding / xDimensionLegenth;
  137. var normalizedIntervalPadding = 1 * marginRatio / (groupNum - 1);
  138. var geomWidth = ((1 - normalizedIntervalPadding * (groupNum - 1)) / groupNum - normalizedDodgePadding * (len - 1)) / len;
  139. // 根据columnWidthRatio/defaultSize/maxColumnWidth/minColumnWidth调整宽度
  140. geomWidth = columnWidthRatio ? 1 / groupNum / len * columnWidthRatio : geomWidth;
  141. if (!_.isNil(maxColumnWidth)) {
  142. var normalizedMaxWidht = maxColumnWidth / xDimensionLegenth;
  143. geomWidth = Math.min(geomWidth, normalizedMaxWidht);
  144. }
  145. if (!_.isNil(minColumnWidth)) {
  146. var normalizedMinWidht = minColumnWidth / xDimensionLegenth;
  147. geomWidth = Math.max(geomWidth, normalizedMinWidht);
  148. }
  149. geomWidth = defaultSize ? (defaultSize / xDimensionLegenth) : geomWidth;
  150. // 调整组间距
  151. normalizedIntervalPadding = (1 - (geomWidth * len + normalizedDodgePadding * (len - 1)) * groupNum) / (groupNum - 1);
  152. var offset = ((1 / 2 + idx) * geomWidth + idx * normalizedDodgePadding +
  153. (1 / 2) * normalizedIntervalPadding) * groupNum -
  154. normalizedIntervalPadding / 2;
  155. return offset;
  156. };
  157. Dodge.prototype.getIntervalAndDodgeOffset = function (len, idx) {
  158. var _a = this, intervalPadding = _a.intervalPadding, dodgePadding = _a.dodgePadding, xDimensionLegenth = _a.xDimensionLegenth, groupNum = _a.groupNum;
  159. var normalizedIntervalPadding = intervalPadding / xDimensionLegenth;
  160. var normalizedDodgePadding = dodgePadding / xDimensionLegenth;
  161. var geomWidth = ((1 - normalizedIntervalPadding * (groupNum - 1)) / groupNum - normalizedDodgePadding * (len - 1)) / len;
  162. var offset = ((1 / 2 + idx) * geomWidth + idx * normalizedDodgePadding +
  163. (1 / 2) * normalizedIntervalPadding) * groupNum -
  164. normalizedIntervalPadding / 2;
  165. return offset;
  166. };
  167. Dodge.prototype.getDistribution = function (dim) {
  168. var groupedDataArray = this.adjustDataArray;
  169. var cacheMap = this.cacheMap;
  170. var map = cacheMap[dim];
  171. if (!map) {
  172. map = {};
  173. _.each(groupedDataArray, function (data, index) {
  174. var values = _.valuesOfKey(data, dim);
  175. if (!values.length) {
  176. values.push(0);
  177. }
  178. _.each(values, function (val) {
  179. if (!map[val]) {
  180. map[val] = [];
  181. }
  182. map[val].push(index);
  183. });
  184. });
  185. cacheMap[dim] = map;
  186. }
  187. return map;
  188. };
  189. return Dodge;
  190. }(Adjust));
  191. export default Dodge;
  192. //# sourceMappingURL=dodge.js.map