adaptor.js 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", { value: true });
  3. exports.adaptor = exports.legend = void 0;
  4. var tslib_1 = require("tslib");
  5. var util_1 = require("@antv/util");
  6. var common_1 = require("../../adaptor/common");
  7. var geometries_1 = require("../../adaptor/geometries");
  8. var constant_1 = require("../../constant");
  9. var utils_1 = require("../../utils");
  10. var constant_2 = require("./constant");
  11. var utils_2 = require("./utils");
  12. /**
  13. * 字段
  14. * @param params
  15. */
  16. function field(params) {
  17. var chart = params.chart, options = params.options;
  18. var xField = options.xField, yField = options.yField, groupField = options.groupField, color = options.color, tooltip = options.tooltip, boxStyle = options.boxStyle;
  19. chart.data((0, utils_2.transformData)(options.data, yField));
  20. var yFieldName = (0, util_1.isArray)(yField) ? constant_2.BOX_RANGE : yField;
  21. var rawFields = yField ? ((0, util_1.isArray)(yField) ? yField : [yField]) : [];
  22. var tooltipOptions = tooltip;
  23. if (tooltipOptions !== false) {
  24. tooltipOptions = (0, utils_1.deepAssign)({}, { fields: (0, util_1.isArray)(yField) ? yField : [] }, tooltipOptions);
  25. }
  26. var ext = (0, geometries_1.schema)((0, utils_1.deepAssign)({}, params, {
  27. options: {
  28. xField: xField,
  29. yField: yFieldName,
  30. seriesField: groupField,
  31. tooltip: tooltipOptions,
  32. rawFields: rawFields,
  33. // 只有异常点视图展示 label
  34. label: false,
  35. schema: {
  36. shape: 'box',
  37. color: color,
  38. style: boxStyle,
  39. },
  40. },
  41. })).ext;
  42. if (groupField) {
  43. ext.geometry.adjust('dodge');
  44. }
  45. return params;
  46. }
  47. /**
  48. * 创建异常点 view
  49. */
  50. function outliersPoint(params) {
  51. var chart = params.chart, options = params.options;
  52. var xField = options.xField, data = options.data, outliersField = options.outliersField, outliersStyle = options.outliersStyle, padding = options.padding, label = options.label;
  53. if (!outliersField)
  54. return params;
  55. var outliersView = chart.createView({ padding: padding, id: constant_2.OUTLIERS_VIEW_ID });
  56. var outliersViewData = data.reduce(function (ret, datum) {
  57. var outliersData = datum[outliersField];
  58. outliersData.forEach(function (d) {
  59. var _a;
  60. return ret.push(tslib_1.__assign(tslib_1.__assign({}, datum), (_a = {}, _a[outliersField] = d, _a)));
  61. });
  62. return ret;
  63. }, []);
  64. outliersView.data(outliersViewData);
  65. (0, geometries_1.point)({
  66. chart: outliersView,
  67. options: {
  68. xField: xField,
  69. yField: outliersField,
  70. point: { shape: 'circle', style: outliersStyle },
  71. label: label,
  72. },
  73. });
  74. outliersView.axis(false);
  75. return params;
  76. }
  77. /**
  78. * meta 配置
  79. * @param params
  80. */
  81. function meta(params) {
  82. var _a, _b;
  83. var chart = params.chart, options = params.options;
  84. var meta = options.meta, xAxis = options.xAxis, yAxis = options.yAxis, xField = options.xField, yField = options.yField, outliersField = options.outliersField;
  85. var yFieldName = Array.isArray(yField) ? constant_2.BOX_RANGE : yField;
  86. var baseMeta = {};
  87. // make yField and outliersField share y mate
  88. if (outliersField) {
  89. var syncName = constant_2.BOX_SYNC_NAME;
  90. baseMeta = (_a = {},
  91. _a[outliersField] = { sync: syncName, nice: true },
  92. _a[yFieldName] = { sync: syncName, nice: true },
  93. _a);
  94. }
  95. var scales = (0, utils_1.deepAssign)(baseMeta, meta, (_b = {},
  96. _b[xField] = (0, utils_1.pick)(xAxis, constant_1.AXIS_META_CONFIG_KEYS),
  97. _b[yFieldName] = (0, utils_1.pick)(yAxis, constant_1.AXIS_META_CONFIG_KEYS),
  98. _b));
  99. chart.scale(scales);
  100. return params;
  101. }
  102. /**
  103. * axis 配置
  104. * @param params
  105. */
  106. function axis(params) {
  107. var chart = params.chart, options = params.options;
  108. var xAxis = options.xAxis, yAxis = options.yAxis, xField = options.xField, yField = options.yField;
  109. var yFieldName = Array.isArray(yField) ? constant_2.BOX_RANGE : yField;
  110. // 为 false 则是不显示轴
  111. if (xAxis === false) {
  112. chart.axis(xField, false);
  113. }
  114. else {
  115. chart.axis(xField, xAxis);
  116. }
  117. if (yAxis === false) {
  118. chart.axis(constant_2.BOX_RANGE, false);
  119. }
  120. else {
  121. chart.axis(yFieldName, yAxis);
  122. }
  123. return params;
  124. }
  125. /**
  126. * legend 配置
  127. * @param params
  128. */
  129. function legend(params) {
  130. var chart = params.chart, options = params.options;
  131. var legend = options.legend, groupField = options.groupField;
  132. if (groupField) {
  133. if (legend) {
  134. chart.legend(groupField, legend);
  135. }
  136. else {
  137. // Grouped Box Chart default has legend, and it's position is `bottom`
  138. chart.legend(groupField, { position: 'bottom' });
  139. }
  140. }
  141. else {
  142. chart.legend(false);
  143. }
  144. return params;
  145. }
  146. exports.legend = legend;
  147. /**
  148. * 箱型图适配器
  149. * @param params
  150. */
  151. function adaptor(params) {
  152. return (0, utils_1.flow)(field, outliersPoint, meta, axis, legend, common_1.tooltip, (0, common_1.annotation)(), common_1.interaction, common_1.animation, common_1.theme)(params);
  153. }
  154. exports.adaptor = adaptor;
  155. //# sourceMappingURL=adaptor.js.map