extended.js 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. import { head, indexOf, size, last } from '@antv/util';
  2. import { prettyNumber } from './pretty-number';
  3. export var DEFAULT_Q = [1, 5, 2, 2.5, 4, 3];
  4. export var ALL_Q = [1, 5, 2, 2.5, 4, 3, 1.5, 7, 6, 8, 9];
  5. var eps = Number.EPSILON * 100;
  6. function mod(n, m) {
  7. return ((n % m) + m) % m;
  8. }
  9. function round(n) {
  10. return Math.round(n * 1e12) / 1e12;
  11. }
  12. function simplicity(q, Q, j, lmin, lmax, lstep) {
  13. var n = size(Q);
  14. var i = indexOf(Q, q);
  15. var v = 0;
  16. var m = mod(lmin, lstep);
  17. if ((m < eps || lstep - m < eps) && lmin <= 0 && lmax >= 0) {
  18. v = 1;
  19. }
  20. return 1 - i / (n - 1) - j + v;
  21. }
  22. function simplicityMax(q, Q, j) {
  23. var n = size(Q);
  24. var i = indexOf(Q, q);
  25. var v = 1;
  26. return 1 - i / (n - 1) - j + v;
  27. }
  28. function density(k, m, dMin, dMax, lMin, lMax) {
  29. var r = (k - 1) / (lMax - lMin);
  30. var rt = (m - 1) / (Math.max(lMax, dMax) - Math.min(dMin, lMin));
  31. return 2 - Math.max(r / rt, rt / r);
  32. }
  33. function densityMax(k, m) {
  34. if (k >= m) {
  35. return 2 - (k - 1) / (m - 1);
  36. }
  37. return 1;
  38. }
  39. function coverage(dMin, dMax, lMin, lMax) {
  40. var range = dMax - dMin;
  41. return 1 - (0.5 * (Math.pow((dMax - lMax), 2) + Math.pow((dMin - lMin), 2))) / Math.pow((0.1 * range), 2);
  42. }
  43. function coverageMax(dMin, dMax, span) {
  44. var range = dMax - dMin;
  45. if (span > range) {
  46. var half = (span - range) / 2;
  47. return 1 - Math.pow(half, 2) / Math.pow((0.1 * range), 2);
  48. }
  49. return 1;
  50. }
  51. function legibility() {
  52. return 1;
  53. }
  54. /**
  55. * An Extension of Wilkinson's Algorithm for Position Tick Labels on Axes
  56. * https://www.yuque.com/preview/yuque/0/2019/pdf/185317/1546999150858-45c3b9c2-4e86-4223-bf1a-8a732e8195ed.pdf
  57. * @param dMin 最小值
  58. * @param dMax 最大值
  59. * @param m tick个数
  60. * @param onlyLoose 是否允许扩展min、max,不绝对强制,例如[3, 97]
  61. * @param Q nice numbers集合
  62. * @param w 四个优化组件的权重
  63. */
  64. export default function extended(dMin, dMax, n, onlyLoose, Q, w) {
  65. if (n === void 0) { n = 5; }
  66. if (onlyLoose === void 0) { onlyLoose = true; }
  67. if (Q === void 0) { Q = DEFAULT_Q; }
  68. if (w === void 0) { w = [0.25, 0.2, 0.5, 0.05]; }
  69. // 处理小于 0 和小数的 tickCount
  70. var m = n < 0 ? 0 : Math.round(n);
  71. // nan 也会导致异常
  72. if (Number.isNaN(dMin) || Number.isNaN(dMax) || typeof dMin !== 'number' || typeof dMax !== 'number' || !m) {
  73. return {
  74. min: 0,
  75. max: 0,
  76. ticks: [],
  77. };
  78. }
  79. // js 极大值极小值问题,差值小于 1e-15 会导致计算出错
  80. if (dMax - dMin < 1e-15 || m === 1) {
  81. return {
  82. min: dMin,
  83. max: dMax,
  84. ticks: [dMin],
  85. };
  86. }
  87. // js 超大值问题
  88. if (dMax - dMin > 1e148) {
  89. var count = n || 5;
  90. var step_1 = (dMax - dMin) / count;
  91. return {
  92. min: dMin,
  93. max: dMax,
  94. ticks: Array(count).fill(null).map(function (_, idx) {
  95. return prettyNumber(dMin + step_1 * idx);
  96. }),
  97. };
  98. }
  99. var best = {
  100. score: -2,
  101. lmin: 0,
  102. lmax: 0,
  103. lstep: 0,
  104. };
  105. var j = 1;
  106. while (j < Infinity) {
  107. for (var i = 0; i < Q.length; i += 1) {
  108. var q = Q[i];
  109. var sm = simplicityMax(q, Q, j);
  110. if (w[0] * sm + w[1] + w[2] + w[3] < best.score) {
  111. j = Infinity;
  112. break;
  113. }
  114. var k = 2;
  115. while (k < Infinity) {
  116. var dm = densityMax(k, m);
  117. if (w[0] * sm + w[1] + w[2] * dm + w[3] < best.score) {
  118. break;
  119. }
  120. var delta = (dMax - dMin) / (k + 1) / j / q;
  121. var z = Math.ceil(Math.log10(delta));
  122. while (z < Infinity) {
  123. var step = j * q * Math.pow(10, z);
  124. var cm = coverageMax(dMin, dMax, step * (k - 1));
  125. if (w[0] * sm + w[1] * cm + w[2] * dm + w[3] < best.score) {
  126. break;
  127. }
  128. var minStart = Math.floor(dMax / step) * j - (k - 1) * j;
  129. var maxStart = Math.ceil(dMin / step) * j;
  130. if (minStart <= maxStart) {
  131. var count = maxStart - minStart;
  132. for (var i_1 = 0; i_1 <= count; i_1 += 1) {
  133. var start = minStart + i_1;
  134. var lMin = start * (step / j);
  135. var lMax = lMin + step * (k - 1);
  136. var lStep = step;
  137. var s = simplicity(q, Q, j, lMin, lMax, lStep);
  138. var c = coverage(dMin, dMax, lMin, lMax);
  139. var g = density(k, m, dMin, dMax, lMin, lMax);
  140. var l = legibility();
  141. var score = w[0] * s + w[1] * c + w[2] * g + w[3] * l;
  142. if (score > best.score && (!onlyLoose || (lMin <= dMin && lMax >= dMax))) {
  143. best.lmin = lMin;
  144. best.lmax = lMax;
  145. best.lstep = lStep;
  146. best.score = score;
  147. }
  148. }
  149. }
  150. z += 1;
  151. }
  152. k += 1;
  153. }
  154. }
  155. j += 1;
  156. }
  157. // 处理精度问题,保证这三个数没有精度问题
  158. var lmax = prettyNumber(best.lmax);
  159. var lmin = prettyNumber(best.lmin);
  160. var lstep = prettyNumber(best.lstep);
  161. // 加 round 是为处理 extended(0.94, 1, 5)
  162. // 保证生成的 tickCount 没有精度问题
  163. var tickCount = Math.floor(round((lmax - lmin) / lstep)) + 1;
  164. var ticks = new Array(tickCount);
  165. // 少用乘法:防止出现 -1.2 + 1.2 * 3 = 2.3999999999999995 的情况
  166. ticks[0] = prettyNumber(lmin);
  167. for (var i = 1; i < tickCount; i++) {
  168. ticks[i] = prettyNumber(ticks[i - 1] + lstep);
  169. }
  170. return {
  171. min: Math.min(dMin, head(ticks)),
  172. max: Math.max(dMax, last(ticks)),
  173. ticks: ticks,
  174. };
  175. }
  176. //# sourceMappingURL=extended.js.map