adaptor.js 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", { value: true });
  3. exports.adaptor = void 0;
  4. var tslib_1 = require("tslib");
  5. var util_1 = require("@antv/util");
  6. var common_1 = require("../../adaptor/common");
  7. var base_1 = require("../../adaptor/geometries/base");
  8. var utils_1 = require("../../utils");
  9. var tooltip_1 = require("../../utils/tooltip");
  10. function geometry(params) {
  11. var chart = params.chart, options = params.options;
  12. var data = options.data, type = options.type, xField = options.xField, yField = options.yField, colorField = options.colorField, sizeField = options.sizeField, sizeRatio = options.sizeRatio, shape = options.shape, color = options.color, tooltip = options.tooltip, heatmapStyle = options.heatmapStyle, meta = options.meta;
  13. chart.data(data);
  14. var geometryType = 'polygon';
  15. if (type === 'density') {
  16. geometryType = 'heatmap';
  17. }
  18. var _a = (0, tooltip_1.getTooltipMapping)(tooltip, [xField, yField, colorField]), fields = _a.fields, formatter = _a.formatter;
  19. /**
  20. * The ratio between the actual size and the max available size, must be in range `[0,1]`.
  21. *
  22. * If the `sizeRatio` attribute is undefined or it exceeds the range,
  23. * `checkedSizeRatio` would be set to 1 as default.
  24. */
  25. var checkedSizeRatio = 1;
  26. if (sizeRatio || sizeRatio === 0) {
  27. if (!shape && !sizeField) {
  28. console.warn('sizeRatio is not in effect: Must define shape or sizeField first');
  29. }
  30. else if (sizeRatio < 0 || sizeRatio > 1) {
  31. console.warn('sizeRatio is not in effect: It must be a number in [0,1]');
  32. }
  33. else {
  34. checkedSizeRatio = sizeRatio;
  35. }
  36. }
  37. (0, base_1.geometry)((0, utils_1.deepAssign)({}, params, {
  38. options: {
  39. type: geometryType,
  40. colorField: colorField,
  41. tooltipFields: fields,
  42. shapeField: sizeField || '',
  43. label: undefined,
  44. mapping: {
  45. tooltip: formatter,
  46. shape: shape &&
  47. (sizeField
  48. ? function (dautm) {
  49. var field = data.map(function (row) { return row[sizeField]; });
  50. var _a = (meta === null || meta === void 0 ? void 0 : meta[sizeField]) || {}, min = _a.min, max = _a.max;
  51. min = (0, util_1.isNumber)(min) ? min : Math.min.apply(Math, field);
  52. max = (0, util_1.isNumber)(max) ? max : Math.max.apply(Math, field);
  53. return [shape, ((0, util_1.get)(dautm, sizeField) - min) / (max - min), checkedSizeRatio];
  54. }
  55. : function () { return [shape, 1, checkedSizeRatio]; }),
  56. color: color || (colorField && chart.getTheme().sequenceColors.join('-')),
  57. style: heatmapStyle,
  58. },
  59. },
  60. }));
  61. return params;
  62. }
  63. /**
  64. * meta 配置
  65. * @param params
  66. */
  67. function meta(params) {
  68. var _a;
  69. var options = params.options;
  70. var xAxis = options.xAxis, yAxis = options.yAxis, xField = options.xField, yField = options.yField;
  71. return (0, utils_1.flow)((0, common_1.scale)((_a = {},
  72. _a[xField] = xAxis,
  73. _a[yField] = yAxis,
  74. _a)))(params);
  75. }
  76. /**
  77. * axis 配置
  78. * @param params
  79. */
  80. function axis(params) {
  81. var chart = params.chart, options = params.options;
  82. var xAxis = options.xAxis, yAxis = options.yAxis, xField = options.xField, yField = options.yField;
  83. // 为 false 则是不显示轴
  84. if (xAxis === false) {
  85. chart.axis(xField, false);
  86. }
  87. else {
  88. chart.axis(xField, xAxis);
  89. }
  90. if (yAxis === false) {
  91. chart.axis(yField, false);
  92. }
  93. else {
  94. chart.axis(yField, yAxis);
  95. }
  96. return params;
  97. }
  98. /**
  99. * legend 配置
  100. * @param params
  101. */
  102. function legend(params) {
  103. var chart = params.chart, options = params.options;
  104. var legend = options.legend, colorField = options.colorField, sizeField = options.sizeField, sizeLegend = options.sizeLegend;
  105. /** legend 不为 false, 则展示图例, 优先展示 color 分类图例 */
  106. var showLegend = legend !== false;
  107. if (colorField) {
  108. chart.legend(colorField, showLegend ? legend : false);
  109. }
  110. // 旧版本: 有 sizeField 就有 sizeLegend. 这里默认继承下 legend 配置
  111. if (sizeField) {
  112. chart.legend(sizeField, sizeLegend === undefined ? legend : sizeLegend);
  113. }
  114. /** 默认没有 sizeField,则隐藏连续图例 */
  115. if (!showLegend && !sizeLegend) {
  116. chart.legend(false);
  117. }
  118. return params;
  119. }
  120. /**
  121. * fixme 后续确认下,数据标签的逻辑为啥和通用的不一致
  122. * 数据标签
  123. * @param params
  124. */
  125. function label(params) {
  126. var chart = params.chart, options = params.options;
  127. var label = options.label, colorField = options.colorField, type = options.type;
  128. var geometry = (0, utils_1.findGeometry)(chart, type === 'density' ? 'heatmap' : 'polygon');
  129. if (!label) {
  130. geometry.label(false);
  131. }
  132. else if (colorField) {
  133. var callback = label.callback, cfg = tslib_1.__rest(label, ["callback"]);
  134. geometry.label({
  135. fields: [colorField],
  136. callback: callback,
  137. cfg: (0, utils_1.transformLabel)(cfg),
  138. });
  139. }
  140. return params;
  141. }
  142. /**
  143. * 极坐标
  144. * @param params
  145. */
  146. function coordinate(params) {
  147. var _a, _b;
  148. var chart = params.chart, options = params.options;
  149. var coordinate = options.coordinate, reflect = options.reflect;
  150. var coordinateOption = (0, utils_1.deepAssign)({ actions: [] }, coordinate !== null && coordinate !== void 0 ? coordinate : { type: 'rect' });
  151. if (reflect) {
  152. (_b = (_a = coordinateOption.actions) === null || _a === void 0 ? void 0 : _a.push) === null || _b === void 0 ? void 0 : _b.call(_a, ['reflect', reflect]);
  153. }
  154. chart.coordinate(coordinateOption);
  155. return params;
  156. }
  157. /**
  158. * 热力图适配器
  159. * @param chart
  160. * @param options
  161. */
  162. function adaptor(params) {
  163. // flow 的方式处理所有的配置到 G2 API
  164. return (0, utils_1.flow)(common_1.theme, (0, common_1.pattern)('heatmapStyle'), meta, coordinate, geometry, axis, legend, common_1.tooltip, label, (0, common_1.annotation)(), common_1.interaction, common_1.animation, common_1.state)(params);
  165. }
  166. exports.adaptor = adaptor;
  167. //# sourceMappingURL=adaptor.js.map