adaptor.js 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. import { __rest } from "tslib";
  2. import { filter, isArray, isObject } from '@antv/util';
  3. import { animation, annotation, interaction, pattern, scale, state, theme, tooltip } from '../../adaptor/common';
  4. import { interval } from '../../adaptor/geometries';
  5. import { deepAssign, findGeometry, flow, LEVEL, log, transformLabel } from '../../utils';
  6. /**
  7. * geometry 配置处理
  8. * @param params
  9. */
  10. function geometry(params) {
  11. var chart = params.chart, options = params.options;
  12. var data = options.data, sectorStyle = options.sectorStyle, shape = options.shape, color = options.color;
  13. // 装载数据
  14. chart.data(data);
  15. flow(interval)(deepAssign({}, params, {
  16. options: {
  17. marginRatio: 1,
  18. interval: {
  19. style: sectorStyle,
  20. color: color,
  21. shape: shape,
  22. },
  23. },
  24. }));
  25. return params;
  26. }
  27. /**
  28. * label 配置
  29. * @param params
  30. */
  31. function label(params) {
  32. var chart = params.chart, options = params.options;
  33. var label = options.label, xField = options.xField;
  34. var geometry = findGeometry(chart, 'interval');
  35. // label 为 false 不显示 label
  36. if (label === false) {
  37. geometry.label(false);
  38. }
  39. else if (isObject(label)) {
  40. var callback = label.callback, fields = label.fields, cfg = __rest(label, ["callback", "fields"]);
  41. var offset = cfg.offset;
  42. var layout = cfg.layout;
  43. // 当 label 在 shape 外部显示时,设置 'limit-in-shape' 会
  44. // 造成 label 不显示。
  45. if (offset === undefined || offset >= 0) {
  46. layout = layout ? (isArray(layout) ? layout : [layout]) : [];
  47. cfg.layout = filter(layout, function (v) { return v.type !== 'limit-in-shape'; });
  48. cfg.layout.length || delete cfg.layout;
  49. }
  50. geometry.label({
  51. fields: fields || [xField],
  52. callback: callback,
  53. cfg: transformLabel(cfg),
  54. });
  55. }
  56. else {
  57. log(LEVEL.WARN, label === null, 'the label option must be an Object.');
  58. geometry.label({ fields: [xField] });
  59. }
  60. return params;
  61. }
  62. /**
  63. * legend 配置
  64. * @param params
  65. */
  66. export function legend(params) {
  67. var chart = params.chart, options = params.options;
  68. var legend = options.legend, seriesField = options.seriesField;
  69. if (legend === false) {
  70. chart.legend(false);
  71. }
  72. else if (seriesField) {
  73. chart.legend(seriesField, legend);
  74. }
  75. return params;
  76. }
  77. /**
  78. * coord 配置
  79. * @param params
  80. */
  81. function coordinate(params) {
  82. var chart = params.chart, options = params.options;
  83. var radius = options.radius, innerRadius = options.innerRadius, startAngle = options.startAngle, endAngle = options.endAngle;
  84. chart.coordinate({
  85. type: 'polar',
  86. cfg: {
  87. radius: radius,
  88. innerRadius: innerRadius,
  89. startAngle: startAngle,
  90. endAngle: endAngle,
  91. },
  92. });
  93. return params;
  94. }
  95. /**
  96. * meta 配置
  97. * @param params
  98. */
  99. function meta(params) {
  100. var _a;
  101. var options = params.options;
  102. var xAxis = options.xAxis, yAxis = options.yAxis, xField = options.xField, yField = options.yField;
  103. return flow(scale((_a = {},
  104. _a[xField] = xAxis,
  105. _a[yField] = yAxis,
  106. _a)))(params);
  107. }
  108. /**
  109. * axis 配置
  110. * @param params
  111. */
  112. function axis(params) {
  113. var chart = params.chart, options = params.options;
  114. var xAxis = options.xAxis, yAxis = options.yAxis, xField = options.xField, yField = options.yField;
  115. // 为 falsy 则是不显示轴
  116. if (!xAxis) {
  117. chart.axis(xField, false);
  118. }
  119. else {
  120. chart.axis(xField, xAxis);
  121. }
  122. if (!yAxis) {
  123. chart.axis(yField, false);
  124. }
  125. else {
  126. chart.axis(yField, yAxis);
  127. }
  128. return params;
  129. }
  130. /**
  131. * 玫瑰图适配器
  132. * @param chart
  133. * @param options
  134. */
  135. export function adaptor(params) {
  136. // flow 的方式处理所有的配置到 G2 API
  137. flow(pattern('sectorStyle'), geometry, meta, label, coordinate, axis, legend, tooltip, interaction, animation, theme, annotation(), state)(params);
  138. }
  139. //# sourceMappingURL=adaptor.js.map