| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119 |
- "use strict";
- Object.defineProperty(exports, "__esModule", { value: true });
- exports.adaptor = exports.meta = void 0;
- var tslib_1 = require("tslib");
- var util_1 = require("@antv/util");
- var common_1 = require("../../adaptor/common");
- var geometries_1 = require("../../adaptor/geometries");
- var utils_1 = require("../../utils");
- var percent_1 = require("../../utils/transform/percent");
- var adaptor_1 = require("../line/adaptor");
- Object.defineProperty(exports, "meta", { enumerable: true, get: function () { return adaptor_1.meta; } });
- /**
- * geometry 处理
- * @param params
- */
- function geometry(params) {
- var chart = params.chart, options = params.options;
- 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;
- var pointState = pointMapping === null || pointMapping === void 0 ? void 0 : pointMapping.state;
- var chartData = (0, percent_1.getDataWhetherPercentage)(data, yField, xField, yField, isPercent);
- chart.data(chartData);
- // 百分比堆积图,默认会给一个 % 格式化逻辑, 用户可自定义
- var tooltipOptions = isPercent
- ? tslib_1.__assign({ formatter: function (datum) { return ({
- name: datum[seriesField] || datum[xField],
- value: (Number(datum[yField]) * 100).toFixed(2) + '%',
- }); } }, tooltip) : tooltip;
- var primary = (0, utils_1.deepAssign)({}, params, {
- options: {
- area: {
- color: color,
- style: areaStyle,
- shape: areaShape,
- },
- point: pointMapping && tslib_1.__assign({ color: color }, pointMapping),
- tooltip: tooltipOptions,
- // label 不传递给各个 geometry adaptor,由 label adaptor 处理
- label: undefined,
- args: {
- startOnZero: startOnZero,
- },
- },
- });
- // 线默认 2px (折线不能复用面积图的 state,因为 fill 和 stroke 不匹配)
- var lineParams = {
- chart: chart,
- options: (0, utils_1.deepAssign)({ line: { size: 2 } }, (0, util_1.omit)(options, ['state']), {
- // 颜色保持一致,因为如果颜色不一致,会导致 tooltip 中元素重复。
- // 如果存在,才设置,否则为空
- line: lineMapping && tslib_1.__assign({ color: color }, lineMapping),
- sizeField: seriesField,
- state: lineMapping === null || lineMapping === void 0 ? void 0 : lineMapping.state,
- tooltip: false,
- // label 不传递给各个 geometry adaptor,由 label adaptor 处理
- label: undefined,
- args: {
- startOnZero: startOnZero,
- },
- }),
- };
- var pointParams = (0, utils_1.deepAssign)({}, primary, { options: { tooltip: false, state: pointState } });
- // area geometry 处理
- (0, geometries_1.area)(primary);
- (0, geometries_1.line)(lineParams);
- (0, geometries_1.point)(pointParams);
- return params;
- }
- /**
- * 数据标签
- * @param params
- */
- function label(params) {
- var chart = params.chart, options = params.options;
- var label = options.label, yField = options.yField;
- var areaGeometry = (0, utils_1.findGeometry)(chart, 'area');
- // label 为 false, 空 则不显示 label
- if (!label) {
- areaGeometry.label(false);
- }
- else {
- var callback = label.callback, cfg = tslib_1.__rest(label, ["callback"]);
- areaGeometry.label({
- fields: [yField],
- callback: callback,
- cfg: tslib_1.__assign({ layout: [
- { type: 'limit-in-plot' },
- { type: 'path-adjust-position' },
- { type: 'point-adjust-position' },
- { type: 'limit-in-plot', cfg: { action: 'hide' } },
- ] }, (0, utils_1.transformLabel)(cfg)),
- });
- }
- return params;
- }
- /**
- * 处理 adjust
- * @param params
- */
- function adjust(params) {
- var chart = params.chart, options = params.options;
- var isStack = options.isStack, isPercent = options.isPercent, seriesField = options.seriesField;
- if ((isPercent || isStack) && seriesField) {
- (0, util_1.each)(chart.geometries, function (g) {
- g.adjust('stack');
- });
- }
- return params;
- }
- /**
- * 折线图适配器
- * @param chart
- * @param options
- */
- function adaptor(params) {
- // flow 的方式处理所有的配置到 G2 API
- 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);
- }
- exports.adaptor = adaptor;
- //# sourceMappingURL=adaptor.js.map
|