| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115 |
- import { __assign, __rest } from "tslib";
- import { each, omit } from '@antv/util';
- import { animation, annotation, interaction, limitInPlot, pattern, slider, theme, tooltip, transformations, } from '../../adaptor/common';
- import { area, line, point } from '../../adaptor/geometries';
- import { deepAssign, findGeometry, flow, transformLabel } from '../../utils';
- import { getDataWhetherPercentage } from '../../utils/transform/percent';
- import { axis, legend, meta } from '../line/adaptor';
- export { 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 = getDataWhetherPercentage(data, yField, xField, yField, isPercent);
- chart.data(chartData);
- // 百分比堆积图,默认会给一个 % 格式化逻辑, 用户可自定义
- var tooltipOptions = isPercent
- ? __assign({ formatter: function (datum) { return ({
- name: datum[seriesField] || datum[xField],
- value: (Number(datum[yField]) * 100).toFixed(2) + '%',
- }); } }, tooltip) : tooltip;
- var primary = deepAssign({}, params, {
- options: {
- area: {
- color: color,
- style: areaStyle,
- shape: areaShape,
- },
- point: pointMapping && __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: deepAssign({ line: { size: 2 } }, omit(options, ['state']), {
- // 颜色保持一致,因为如果颜色不一致,会导致 tooltip 中元素重复。
- // 如果存在,才设置,否则为空
- line: lineMapping && __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 = deepAssign({}, primary, { options: { tooltip: false, state: pointState } });
- // area geometry 处理
- area(primary);
- line(lineParams);
- 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 = findGeometry(chart, 'area');
- // label 为 false, 空 则不显示 label
- if (!label) {
- areaGeometry.label(false);
- }
- else {
- var callback = label.callback, cfg = __rest(label, ["callback"]);
- areaGeometry.label({
- fields: [yField],
- callback: callback,
- cfg: __assign({ layout: [
- { type: 'limit-in-plot' },
- { type: 'path-adjust-position' },
- { type: 'point-adjust-position' },
- { type: 'limit-in-plot', cfg: { action: 'hide' } },
- ] }, 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) {
- each(chart.geometries, function (g) {
- g.adjust('stack');
- });
- }
- return params;
- }
- /**
- * 折线图适配器
- * @param chart
- * @param options
- */
- export function adaptor(params) {
- // flow 的方式处理所有的配置到 G2 API
- return flow(theme, pattern('areaStyle'), transformations('rect'), geometry, meta, adjust, axis, legend, tooltip, label, slider, annotation(), interaction, animation, limitInPlot)(params);
- }
- //# sourceMappingURL=adaptor.js.map
|