adaptor.js 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. import { __assign, __rest } from "tslib";
  2. import { each, isArray } from '@antv/util';
  3. import { animation, annotation, interaction, limitInPlot, scale, scrollbar, slider, theme, tooltip, } from '../../adaptor/common';
  4. import { area, line, point } from '../../adaptor/geometries';
  5. import { deepAssign, findGeometry, flow, transformLabel } from '../../utils';
  6. import { adjustYMetaByZero } from '../../utils/data';
  7. /**
  8. * geometry 配置处理
  9. * @param params
  10. */
  11. function geometry(params) {
  12. var chart = params.chart, options = params.options;
  13. var data = options.data, color = options.color, lineStyle = options.lineStyle, lineShape = options.lineShape, pointMapping = options.point, areaMapping = options.area, seriesField = options.seriesField;
  14. var pointState = pointMapping === null || pointMapping === void 0 ? void 0 : pointMapping.state;
  15. var areaState = areaMapping === null || areaMapping === void 0 ? void 0 : areaMapping.state;
  16. chart.data(data);
  17. // line geometry 处理
  18. var primary = deepAssign({}, params, {
  19. options: {
  20. shapeField: seriesField,
  21. line: {
  22. color: color,
  23. style: lineStyle,
  24. shape: lineShape,
  25. },
  26. // 颜色保持一致,因为如果颜色不一致,会导致 tooltip 中元素重复。
  27. // 如果存在,才设置,否则为空
  28. point: pointMapping && __assign({ color: color, shape: 'circle' }, pointMapping),
  29. // 面积配置
  30. area: areaMapping && __assign({ color: color }, areaMapping),
  31. // label 不传递给各个 geometry adaptor,由 label adaptor 处理
  32. label: undefined,
  33. },
  34. });
  35. var second = deepAssign({}, primary, { options: { tooltip: false, state: pointState } });
  36. var areaParams = deepAssign({}, primary, { options: { tooltip: false, state: areaState } });
  37. line(primary);
  38. point(second);
  39. area(areaParams);
  40. return params;
  41. }
  42. /**
  43. * meta 配置
  44. * @param params
  45. */
  46. export function meta(params) {
  47. var _a, _b;
  48. var options = params.options;
  49. var xAxis = options.xAxis, yAxis = options.yAxis, xField = options.xField, yField = options.yField, data = options.data;
  50. return flow(scale((_a = {},
  51. _a[xField] = xAxis,
  52. _a[yField] = yAxis,
  53. _a), (_b = {},
  54. _b[xField] = {
  55. type: 'cat',
  56. },
  57. _b[yField] = adjustYMetaByZero(data, yField),
  58. _b)))(params);
  59. }
  60. /**
  61. * 坐标系配置. 支持 reflect 镜像处理
  62. * @param params
  63. */
  64. function coordinate(params) {
  65. var chart = params.chart, options = params.options;
  66. var reflect = options.reflect;
  67. if (reflect) {
  68. var p = reflect;
  69. if (!isArray(p)) {
  70. p = [p];
  71. }
  72. var actions = p.map(function (d) { return ['reflect', d]; });
  73. chart.coordinate({ type: 'rect', actions: actions });
  74. }
  75. return params;
  76. }
  77. /**
  78. * axis 配置
  79. * @param params
  80. */
  81. export function axis(params) {
  82. var chart = params.chart, options = params.options;
  83. var xAxis = options.xAxis, yAxis = options.yAxis, xField = options.xField, yField = options.yField;
  84. // 为 false 则是不显示轴
  85. if (xAxis === false) {
  86. chart.axis(xField, false);
  87. }
  88. else {
  89. chart.axis(xField, xAxis);
  90. }
  91. if (yAxis === false) {
  92. chart.axis(yField, false);
  93. }
  94. else {
  95. chart.axis(yField, yAxis);
  96. }
  97. return params;
  98. }
  99. /**
  100. * legend 配置
  101. * @param params
  102. */
  103. export function legend(params) {
  104. var chart = params.chart, options = params.options;
  105. var legend = options.legend, seriesField = options.seriesField;
  106. if (legend && seriesField) {
  107. chart.legend(seriesField, legend);
  108. }
  109. else if (legend === false) {
  110. chart.legend(false);
  111. }
  112. return params;
  113. }
  114. /**
  115. * 数据标签
  116. * @param params
  117. */
  118. function label(params) {
  119. var chart = params.chart, options = params.options;
  120. var label = options.label, yField = options.yField;
  121. var lineGeometry = findGeometry(chart, 'line');
  122. // label 为 false, 空 则不显示 label
  123. if (!label) {
  124. lineGeometry.label(false);
  125. }
  126. else {
  127. var callback = label.callback, cfg = __rest(label, ["callback"]);
  128. lineGeometry.label({
  129. fields: [yField],
  130. callback: callback,
  131. cfg: __assign({ layout: [
  132. { type: 'limit-in-plot' },
  133. { type: 'path-adjust-position' },
  134. { type: 'point-adjust-position' },
  135. { type: 'limit-in-plot', cfg: { action: 'hide' } },
  136. ] }, transformLabel(cfg)),
  137. });
  138. }
  139. return params;
  140. }
  141. /**
  142. * 统一处理 adjust
  143. * @param params
  144. */
  145. export function adjust(params) {
  146. var chart = params.chart, options = params.options;
  147. var isStack = options.isStack;
  148. if (isStack) {
  149. each(chart.geometries, function (g) {
  150. g.adjust('stack');
  151. });
  152. }
  153. return params;
  154. }
  155. /**
  156. * 折线图适配器
  157. * @param chart
  158. * @param options
  159. */
  160. export function adaptor(params) {
  161. // flow 的方式处理所有的配置到 G2 API
  162. return flow(geometry, meta, adjust, theme, coordinate, axis, legend, tooltip, label, slider, scrollbar, interaction, animation, annotation(), limitInPlot)(params);
  163. }
  164. //# sourceMappingURL=adaptor.js.map