adaptor.js 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", { value: true });
  3. exports.adaptor = exports.meta = 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 utils_1 = require("../../utils");
  9. var percent_1 = require("../../utils/transform/percent");
  10. var adaptor_1 = require("../line/adaptor");
  11. Object.defineProperty(exports, "meta", { enumerable: true, get: function () { return adaptor_1.meta; } });
  12. /**
  13. * geometry 处理
  14. * @param params
  15. */
  16. function geometry(params) {
  17. var chart = params.chart, options = params.options;
  18. var data = options.data, areaStyle = options.areaStyle, areaShape = options.areaShape, color = options.color, pointMapping = options.point, lineMapping = options.line, isPercent = options.isPercent, xField = options.xField, yField = options.yField, tooltip = options.tooltip, seriesField = options.seriesField, startOnZero = options.startOnZero;
  19. var pointState = pointMapping === null || pointMapping === void 0 ? void 0 : pointMapping.state;
  20. var chartData = (0, percent_1.getDataWhetherPercentage)(data, yField, xField, yField, isPercent);
  21. chart.data(chartData);
  22. // 百分比堆积图,默认会给一个 % 格式化逻辑, 用户可自定义
  23. var tooltipOptions = isPercent
  24. ? tslib_1.__assign({ formatter: function (datum) { return ({
  25. name: datum[seriesField] || datum[xField],
  26. value: (Number(datum[yField]) * 100).toFixed(2) + '%',
  27. }); } }, tooltip) : tooltip;
  28. var primary = (0, utils_1.deepAssign)({}, params, {
  29. options: {
  30. area: {
  31. color: color,
  32. style: areaStyle,
  33. shape: areaShape,
  34. },
  35. point: pointMapping && tslib_1.__assign({ color: color }, pointMapping),
  36. tooltip: tooltipOptions,
  37. // label 不传递给各个 geometry adaptor,由 label adaptor 处理
  38. label: undefined,
  39. args: {
  40. startOnZero: startOnZero,
  41. },
  42. },
  43. });
  44. // 线默认 2px (折线不能复用面积图的 state,因为 fill 和 stroke 不匹配)
  45. var lineParams = {
  46. chart: chart,
  47. options: (0, utils_1.deepAssign)({ line: { size: 2 } }, (0, util_1.omit)(options, ['state']), {
  48. // 颜色保持一致,因为如果颜色不一致,会导致 tooltip 中元素重复。
  49. // 如果存在,才设置,否则为空
  50. line: lineMapping && tslib_1.__assign({ color: color }, lineMapping),
  51. sizeField: seriesField,
  52. state: lineMapping === null || lineMapping === void 0 ? void 0 : lineMapping.state,
  53. tooltip: false,
  54. // label 不传递给各个 geometry adaptor,由 label adaptor 处理
  55. label: undefined,
  56. args: {
  57. startOnZero: startOnZero,
  58. },
  59. }),
  60. };
  61. var pointParams = (0, utils_1.deepAssign)({}, primary, { options: { tooltip: false, state: pointState } });
  62. // area geometry 处理
  63. (0, geometries_1.area)(primary);
  64. (0, geometries_1.line)(lineParams);
  65. (0, geometries_1.point)(pointParams);
  66. return params;
  67. }
  68. /**
  69. * 数据标签
  70. * @param params
  71. */
  72. function label(params) {
  73. var chart = params.chart, options = params.options;
  74. var label = options.label, yField = options.yField;
  75. var areaGeometry = (0, utils_1.findGeometry)(chart, 'area');
  76. // label 为 false, 空 则不显示 label
  77. if (!label) {
  78. areaGeometry.label(false);
  79. }
  80. else {
  81. var callback = label.callback, cfg = tslib_1.__rest(label, ["callback"]);
  82. areaGeometry.label({
  83. fields: [yField],
  84. callback: callback,
  85. cfg: tslib_1.__assign({ layout: [
  86. { type: 'limit-in-plot' },
  87. { type: 'path-adjust-position' },
  88. { type: 'point-adjust-position' },
  89. { type: 'limit-in-plot', cfg: { action: 'hide' } },
  90. ] }, (0, utils_1.transformLabel)(cfg)),
  91. });
  92. }
  93. return params;
  94. }
  95. /**
  96. * 处理 adjust
  97. * @param params
  98. */
  99. function adjust(params) {
  100. var chart = params.chart, options = params.options;
  101. var isStack = options.isStack, isPercent = options.isPercent, seriesField = options.seriesField;
  102. if ((isPercent || isStack) && seriesField) {
  103. (0, util_1.each)(chart.geometries, function (g) {
  104. g.adjust('stack');
  105. });
  106. }
  107. return params;
  108. }
  109. /**
  110. * 折线图适配器
  111. * @param chart
  112. * @param options
  113. */
  114. function adaptor(params) {
  115. // flow 的方式处理所有的配置到 G2 API
  116. return (0, utils_1.flow)(common_1.theme, (0, common_1.pattern)('areaStyle'), (0, common_1.transformations)('rect'), geometry, adaptor_1.meta, adjust, adaptor_1.axis, adaptor_1.legend, common_1.tooltip, label, common_1.slider, (0, common_1.annotation)(), common_1.interaction, common_1.animation, common_1.limitInPlot)(params);
  117. }
  118. exports.adaptor = adaptor;
  119. //# sourceMappingURL=adaptor.js.map