adaptor.js 4.6 KB

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