facet.js 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", { value: true });
  3. exports.facetFunnel = void 0;
  4. var utils_1 = require("../../../utils");
  5. var basic_1 = require("./basic");
  6. /**
  7. * 处理字段数据
  8. * @param params
  9. */
  10. function field(params) {
  11. var _a;
  12. var chart = params.chart, options = params.options;
  13. var _b = options.data, data = _b === void 0 ? [] : _b, yField = options.yField;
  14. // 绘制漏斗图
  15. chart.data(data);
  16. chart.scale((_a = {},
  17. _a[yField] = {
  18. sync: true,
  19. },
  20. _a));
  21. return params;
  22. }
  23. /**
  24. * geometry处理
  25. * @param params
  26. */
  27. function geometry(params) {
  28. var chart = params.chart, options = params.options;
  29. var seriesField = options.seriesField, isTransposed = options.isTransposed, showFacetTitle = options.showFacetTitle;
  30. chart.facet('rect', {
  31. fields: [seriesField],
  32. padding: [isTransposed ? 0 : 32, 10, 0, 10],
  33. showTitle: showFacetTitle,
  34. eachView: function (view, facet) {
  35. (0, basic_1.basicFunnel)((0, utils_1.deepAssign)({}, params, {
  36. chart: view,
  37. options: {
  38. data: facet.data,
  39. },
  40. }));
  41. },
  42. });
  43. return params;
  44. }
  45. /**
  46. * 分面漏斗
  47. * @param chart
  48. * @param options
  49. */
  50. function facetFunnel(params) {
  51. return (0, utils_1.flow)(field, geometry)(params);
  52. }
  53. exports.facetFunnel = facetFunnel;
  54. //# sourceMappingURL=facet.js.map