@visactor/vchart 0.0.1-alpha.0

package/cjs/series/pie/interface.d.ts

@@ -0,0 +1,62 @@
+import type { IAnimationSpec } from '../../animation/spec';
+import type { IMarkSpec, IMarkTheme } from '../../typings/spec/common';
+import type { IArcMarkSpec, ITextMarkSpec, TextAlign, IPathMarkSpec, IArc3dMarkSpec } from '../../typings/visual';
+import type { IPolarSeriesSpec, IPolarSeriesTheme } from '../polar/interface';
+import type { PieAppearPreset } from './animation/animation';
+export type PieMarks = 'pie' | 'label' | 'labelLine';
+export interface IPieSeriesSpec extends IPolarSeriesSpec, IAnimationSpec<PieMarks, PieAppearPreset> {
+    type: 'pie';
+    categoryField: string;
+    valueField: string;
+    centerX?: number;
+    centerY?: number;
+    centerOffset?: number;
+    radius?: number;
+    outerRadius?: number;
+    innerRadius?: number;
+    cornerRadius?: number;
+    startAngle?: number;
+    endAngle?: number;
+    padAngle?: number;
+    pie?: IMarkSpec<IArcMarkSpec>;
+    label?: IArcLabelSpec;
+}
+export interface IPieSeriesTheme extends IPolarSeriesTheme {
+    pie?: Partial<IMarkTheme<IArcMarkSpec>>;
+    label?: IArcLabelSpec;
+}
+export type IPie3dSeriesSpec = {
+    type: 'pie3d';
+} & Omit<IPieSeriesSpec, 'type'>;
+export interface IPie3dSeriesTheme extends IPolarSeriesTheme {
+    pie3d?: Partial<IMarkTheme<IArc3dMarkSpec>>;
+    label?: IArcLabelSpec;
+}
+export interface IArcLabelLineSpec extends IMarkSpec<IPathMarkSpec> {
+    visible?: boolean;
+    line1MinLength?: number;
+    line2MinLength?: number;
+}
+export type ArcLabelAlignType = 'arc' | 'labelLine' | 'edge';
+export type ArcLabelStrategyType = 'priority' | 'vertical' | 'none';
+export interface IArcLabelLayoutSpec {
+    textAlign?: ArcLabelAlignType;
+    align?: ArcLabelAlignType;
+    strategy?: ArcLabelStrategyType;
+    tangentConstraint?: boolean;
+}
+export interface ILabelTextMarkSpec extends Omit<ITextMarkSpec, 'align' | 'textAlign'> {
+    textAlign?: TextAlign | 'auto';
+    align?: TextAlign | 'auto';
+}
+export interface IArcLabelSpec extends Omit<IMarkSpec<ITextMarkSpec>, 'style'> {
+    position?: 'outside' | 'inside';
+    showRule?: 'all' | 'max' | 'min' | 'minAndMax' | 'headAndTail';
+    coverEnable?: boolean;
+    rotate?: boolean;
+    spaceWidth?: number;
+    layoutArcGap?: number;
+    style?: ILabelTextMarkSpec;
+    line?: IArcLabelLineSpec;
+    layout?: IArcLabelLayoutSpec;
+}

package/cjs/series/pie/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=interface.js.map

package/cjs/series/pie/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/pie/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IAnimationSpec } from '../../animation/spec';\nimport type { IMarkSpec, IMarkTheme } from '../../typings/spec/common';\nimport type { IArcMarkSpec, ITextMarkSpec, TextAlign, IPathMarkSpec, IArc3dMarkSpec } from '../../typings/visual';\nimport type { IPolarSeriesSpec, IPolarSeriesTheme } from '../polar/interface';\nimport type { PieAppearPreset } from './animation/animation';\n\nexport type PieMarks = 'pie' | 'label' | 'labelLine';\n\nexport interface IPieSeriesSpec extends IPolarSeriesSpec, IAnimationSpec<PieMarks, PieAppearPreset> {\n  type: 'pie';\n  /**\n   * 分类字段\n   * @description 饼图每个扇区为独立的系列\n   */\n  categoryField: string;\n  /** 数值字段 */\n  valueField: string;\n  /** 饼图中心点 x 坐标 */\n  centerX?: number;\n  /** 饼图中心点 y 坐标 */\n  centerY?: number;\n  /** 饼图扇区中心偏移 */\n  centerOffset?: number;\n\n  /**\n   * 饼图扇区半径\n   * @default 0.6\n   * @deprecated use outerRadius instead\n   */\n  radius?: number;\n\n  /**\n   * 饼图扇区外半径\n   * @default 0.6\n   */\n  outerRadius?: number;\n\n  /**\n   * 饼图扇区内半径\n   * @default 0\n   */\n  innerRadius?: number;\n\n  /**\n   * 饼图扇区圆角半径\n   * @default 0\n   */\n  cornerRadius?: number;\n  /** 扇区起始角度 */\n  startAngle?: number;\n  /** 扇区结束角度 */\n  endAngle?: number;\n  /** 扇区间隔角度 */\n  padAngle?: number;\n\n  /** 扇区样式 */\n  pie?: IMarkSpec<IArcMarkSpec>;\n  /** 标签配置 */\n  label?: IArcLabelSpec;\n}\n\nexport interface IPieSeriesTheme extends IPolarSeriesTheme {\n  pie?: Partial<IMarkTheme<IArcMarkSpec>>;\n  /** 标签配置 */\n  label?: IArcLabelSpec;\n}\n\nexport type IPie3dSeriesSpec = {\n  type: 'pie3d';\n} & Omit<IPieSeriesSpec, 'type'>;\n\nexport interface IPie3dSeriesTheme extends IPolarSeriesTheme {\n  pie3d?: Partial<IMarkTheme<IArc3dMarkSpec>>;\n  /** 标签配置 */\n  label?: IArcLabelSpec;\n}\n\nexport interface IArcLabelLineSpec extends IMarkSpec<IPathMarkSpec> {\n  /**\n   * 是否显示引导线\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 引导线 line1 部分最小长度\n   * @default 20\n   */\n  line1MinLength?: number;\n  /**\n   * 引导线 line2 部分最小长度\n   * @default 10\n   */\n  line2MinLength?: number;\n}\n\nexport type ArcLabelAlignType = 'arc' | 'labelLine' | 'edge';\n\nexport type ArcLabelStrategyType = 'priority' | 'vertical' | 'none';\n\nexport interface IArcLabelLayoutSpec {\n  /**\n   * 标签对齐方式\n   * @default 'arc'\n   */\n  textAlign?: ArcLabelAlignType;\n  /** @deprecate 建议统一使用textAlign，后续将废除 */\n  align?: ArcLabelAlignType;\n  /**\n   * 标签布局策略\n   * @default 'priority'\n   */\n  strategy?: ArcLabelStrategyType;\n  /**\n   * 是否启用切线约束\n   * @default true\n   */\n  tangentConstraint?: boolean;\n}\n\nexport interface ILabelTextMarkSpec extends Omit<ITextMarkSpec, 'align' | 'textAlign'> {\n  /** text 配置 align 为 auto 时将根据布局逻辑自动处理 align  */\n  textAlign?: TextAlign | 'auto';\n  /** @deprecate 建议统一使用textAlign，后续将废除 */\n  align?: TextAlign | 'auto';\n}\n\nexport interface IArcLabelSpec extends Omit<IMarkSpec<ITextMarkSpec>, 'style'> {\n  /**\n   * 标签布局方式\n   * @default 'outside'\n   */\n  position?: 'outside' | 'inside';\n  /**\n   * 标签内容显示规则\n   * @default 'all'\n   */\n  showRule?: 'all' | 'max' | 'min' | 'minAndMax' | 'headAndTail';\n  /**\n   * 是否允许标签重叠\n   * @default false\n   */\n  coverEnable?: boolean;\n  /**\n   * 是否允许标签旋转\n   * @default true\n   */\n  rotate?: boolean;\n\n  /**\n   * 文字与引导线间隔宽度\n   * @default 5\n   */\n  spaceWidth?: number;\n  /**\n   * 扇区间标签的间隔\n   * @default 6\n   */\n  layoutArcGap?: number;\n\n  /** 标签文字样式 */\n  style?: ILabelTextMarkSpec;\n  /** 标签引导线样式 */\n  line?: IArcLabelLineSpec;\n  /** 标签布局配置 */\n  layout?: IArcLabelLayoutSpec;\n}\n"]}

package/cjs/series/pie/pie.d.ts

@@ -0,0 +1,73 @@
+import type { Maybe, IPoint, Datum, StateValueType } from '../../typings';
+import type { IModelLayoutOption } from '../../model/interface';
+import { PolarSeries } from '../polar/polar';
+import { MarkTypeEnum } from '../../mark/interface';
+import type { IArcMark } from '../../mark/arc';
+import type { ITextMark } from '../../mark/text';
+import type { IPathMark } from '../../mark/path';
+import type { IArcSeries } from '../interface';
+import { SeriesTypeEnum } from '../interface/type';
+import type { IArcLabelSpec, IPieSeriesSpec, IPieSeriesTheme } from './interface';
+import { SeriesData } from '../base/series-data';
+export declare class PieSeries extends PolarSeries<IPieSeriesSpec> implements IArcSeries {
+    static readonly type: string;
+    type: SeriesTypeEnum;
+    protected _arcMarkType: MarkTypeEnum;
+    protected _viewDataLabel: SeriesData;
+    protected _center: IPoint | null;
+    get center(): IPoint;
+    protected _centerOffset: number;
+    protected _cornerRadius: number;
+    protected _startAngle: number;
+    protected _endAngle: number;
+    protected _padAngle: number;
+    protected _pieMark: IArcMark | null;
+    protected _labelMark: ITextMark | null;
+    protected _labelLineMark: IPathMark | null;
+    protected _theme: Maybe<IPieSeriesTheme>;
+    setAttrFromSpec(): void;
+    initData(): void;
+    initMark(): void;
+    initMarkStyle(): void;
+    afterInitMark(): void;
+    initEvent(): void;
+    initGroups(): void;
+    onLayoutEnd(ctx: IModelLayoutOption): void;
+    getDimensionField(): string[];
+    getMeasureField(): string[];
+    private viewDataLabelUpdate;
+    protected generateRadiusStyle(spec: any): any;
+    protected computeLayoutRadius(): number;
+    computeCenter(datum: Datum): IPoint;
+    protected generateLinePath(state: StateValueType): {
+        path: (datum: Datum) => string;
+    };
+    getRadius(state?: StateValueType): number;
+    getInnerRadius(state?: StateValueType): number;
+    getLabelConfig(): IArcLabelSpec;
+    computeRadius(r: number, k?: number): number;
+    computeDatumRadius(datum: Datum, state?: string): number;
+    updateSpec(spec: any): {
+        change: boolean;
+        reMake: boolean;
+        reRender: boolean;
+        reSize: boolean;
+        reCompile: boolean;
+    };
+    computeDatumInnerRadius(datum: Datum, state?: string): number;
+    dataToPosition(datum: Datum): IPoint | null;
+    dataToCentralPosition: (datum: Datum) => IPoint | null;
+    initAnimation(): void;
+    getDefaultShapeType(): string;
+    getGroupFields(): string[];
+    getStackGroupFields(): string[];
+    getStackValueField(): string;
+    setValueFieldToStack(): void;
+    setValueFieldToPercent(): void;
+}
+export declare class Pie3dSeries extends PieSeries {
+    static readonly type: string;
+    type: SeriesTypeEnum;
+    protected _arcMarkType: MarkTypeEnum;
+    initMarkStyle(): void;
+}

package/cjs/series/pie/pie.js

@@ -0,0 +1,392 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Pie3dSeries = exports.PieSeries = void 0;
+
+const vutils_1 = require("@visactor/vutils"), vdataset_1 = require("@visactor/vdataset"), constant_1 = require("../../constant"), util_1 = require("../../util"), polar_1 = require("../polar/polar"), interface_1 = require("../../mark/interface"), type_1 = require("../interface/type"), pie_1 = require("../../data/transforms/pie"), arc_label_1 = require("../../layout/label/arc-label"), register_1 = require("../../data/register"), utils_1 = require("../../animation/utils"), interface_2 = require("../../animation/interface"), config_1 = require("../../animation/config"), series_data_1 = require("../base/series-data"), centerOffset_1 = require("./animation/centerOffset");
+
+class PieSeries extends polar_1.PolarSeries {
+    constructor() {
+        super(...arguments), this.type = type_1.SeriesTypeEnum.pie, this._arcMarkType = interface_1.MarkTypeEnum.arc, 
+        this._startAngle = constant_1.POLAR_START_RADIAN, this._endAngle = constant_1.POLAR_END_RADIAN, 
+        this._pieMark = null, this._labelMark = null, this._labelLineMark = null, this.dataToCentralPosition = datum => {
+            const angle = datum[constant_1.ARC_MIDDLE_ANGLE];
+            if ((0, util_1.isNil)(angle)) return null;
+            const radius = this.computeDatumRadius(datum), innerRadius = this.computeDatumInnerRadius(datum), center = this.computeCenter(datum), delta = (0, 
+            util_1.polarToCartesian)({
+                angle: angle,
+                radius: (radius + innerRadius) / 2
+            });
+            return {
+                x: center.x + delta.x,
+                y: center.y + delta.y
+            };
+        };
+    }
+    get center() {
+        var _a, _b, _c, _d;
+        return {
+            x: null !== (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.centerX) && void 0 !== _b ? _b : this._region.getLayoutRect().width / 2,
+            y: null !== (_d = null === (_c = this._spec) || void 0 === _c ? void 0 : _c.centerY) && void 0 !== _d ? _d : this._region.getLayoutRect().height / 2
+        };
+    }
+    setAttrFromSpec() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        super.setAttrFromSpec(), this._centerOffset = null !== (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.centerOffset) && void 0 !== _b ? _b : 0, 
+        this._cornerRadius = null !== (_d = null === (_c = this._spec) || void 0 === _c ? void 0 : _c.cornerRadius) && void 0 !== _d ? _d : 0;
+        const normalized = (0, util_1.normalizeStartEndAngle)((0, vutils_1.isValid)(null === (_e = this._spec) || void 0 === _e ? void 0 : _e.startAngle) ? (0, 
+        util_1.radians)(this._spec.startAngle) : this._startAngle, (0, vutils_1.isValid)(null === (_f = this._spec) || void 0 === _f ? void 0 : _f.endAngle) ? (0, 
+        util_1.radians)(this._spec.endAngle) : this._endAngle);
+        this._startAngle = normalized.startAngle, this._endAngle = normalized.endAngle, 
+        this._padAngle = (0, vutils_1.isValid)(null === (_g = this._spec) || void 0 === _g ? void 0 : _g.padAngle) ? (0, 
+        util_1.radians)(this._spec.padAngle) : 0, this.setAngleField(this._spec.valueField || this._spec.angleField), 
+        this._spec.categoryField && this.setSeriesField(this._spec.categoryField), this._radiusField = [];
+    }
+    initData() {
+        super.initData();
+        const viewData = this.getViewData();
+        if (!viewData) return;
+        (0, register_1.registerDataSetInstanceTransform)(this._dataSet, "pie", pie_1.pie), 
+        (0, register_1.registerDataSetInstanceTransform)(this._dataSet, "arcLabel", arc_label_1.arcLabel), 
+        viewData.transform({
+            type: "pie",
+            options: {
+                angleField: this._angleField[0],
+                startAngle: this._startAngle,
+                endAngle: this._endAngle,
+                asStartAngle: constant_1.ARC_START_ANGLE,
+                asEndAngle: constant_1.ARC_END_ANGLE,
+                asRatio: constant_1.ARC_RATIO,
+                asMiddleAngle: constant_1.ARC_MIDDLE_ANGLE,
+                asRadian: constant_1.ARC_RADIAN,
+                asQuadrant: constant_1.ARC_QUADRANT,
+                asK: constant_1.ARC_K
+            }
+        }, !1);
+        const viewDataLabel = new vdataset_1.DataView(this._dataSet);
+        viewDataLabel.parse([ this.getViewData() ], {
+            type: "dataview"
+        }), viewDataLabel.name = `${constant_1.PREFIX}_series_${this.id}_viewDataLabel`, 
+        viewDataLabel.transform({
+            type: "arcLabel",
+            options: {
+                series: this
+            }
+        }, !1), this._viewDataLabel = new series_data_1.SeriesData(this._option, viewDataLabel);
+    }
+    initMark() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        if (this._pieMark = this._createMark(this._arcMarkType, "pie", {
+            defaultMorphElementKey: this._seriesField,
+            key: this._seriesField,
+            groupKey: this._seriesField,
+            skipBeforeLayouted: !0,
+            isSeriesMark: !0
+        }), null === (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.label) || void 0 === _b ? void 0 : _b.visible) {
+            const spec = this.getSpec();
+            this._labelMark = this._createMark(interface_1.MarkTypeEnum.text, "label", {
+                dataView: this._viewDataLabel.getDataView(),
+                dataProductId: this._viewDataLabel.getProductId(),
+                skipBeforeLayouted: !0,
+                themeSpec: null === (_c = this._theme) || void 0 === _c ? void 0 : _c.label,
+                support3d: null === (_d = null == spec ? void 0 : spec.label) || void 0 === _d ? void 0 : _d.support3d,
+                markSpec: Object.assign({
+                    visible: !0
+                }, null === (_e = this.getSpec()) || void 0 === _e ? void 0 : _e.label)
+            }), this._labelLineMark = this._createMark(interface_1.MarkTypeEnum.path, "labelLine", {
+                dataView: this._viewDataLabel.getDataView(),
+                dataProductId: this._viewDataLabel.getProductId(),
+                skipBeforeLayouted: !0,
+                themeSpec: null === (_g = null === (_f = this._theme) || void 0 === _f ? void 0 : _f.label) || void 0 === _g ? void 0 : _g.line,
+                markSpec: Object.assign({
+                    visible: !0
+                }, null === (_j = null === (_h = this.getSpec()) || void 0 === _h ? void 0 : _h.label) || void 0 === _j ? void 0 : _j.line)
+            });
+        }
+    }
+    initMarkStyle() {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const pieMark = this._pieMark;
+        if (pieMark) {
+            this.setMarkStyle(pieMark, {
+                x: () => {
+                    var _a, _b;
+                    return null !== (_b = null === (_a = this._center) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : this._region.getLayoutRect().width / 2;
+                },
+                y: () => {
+                    var _a, _b;
+                    return null !== (_b = null === (_a = this._center) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : this._region.getLayoutRect().height / 2;
+                },
+                fill: this.getColorAttribute(),
+                fillOpacity: null === (_a = this._theme) || void 0 === _a ? void 0 : _a.fillOpacity,
+                outerRadius: (0, util_1.isSpecValueWithScale)(this._outerRadius) ? this._outerRadius : () => this.computeLayoutRadius() * this._outerRadius,
+                innerRadius: (0, util_1.isSpecValueWithScale)(this._innerRadius) ? this._innerRadius : () => this.computeLayoutRadius() * this._innerRadius,
+                cornerRadius: () => this.computeLayoutRadius() * this._cornerRadius,
+                startAngle: (0, util_1.field)(constant_1.ARC_START_ANGLE).bind(this),
+                endAngle: (0, util_1.field)(constant_1.ARC_END_ANGLE).bind(this),
+                padAngle: this._padAngle,
+                centerOffset: this._centerOffset
+            }, "normal", constant_1.AttributeLevel.Series);
+            const pieSpec = this.getSpec()[pieMark.name];
+            if (pieSpec) for (const state in pieSpec.state || {}) this.setMarkStyle(pieMark, this.generateRadiusStyle(pieSpec.state[state]), state, constant_1.AttributeLevel.User_Mark);
+            this._trigger.registerMark(pieMark), null === (_b = this._tooltipHelper) || void 0 === _b || _b.activeTriggerSet.mark.add(pieMark);
+        }
+        const labelMark = this._labelMark;
+        labelMark && (this.setMarkStyle(labelMark, {
+            visible: (0, util_1.field)(constant_1.DEFAULT_LABEL_VISIBLE).bind(this),
+            x: (0, util_1.field)(constant_1.DEFAULT_LABEL_X).bind(this),
+            y: (0, util_1.field)(constant_1.DEFAULT_LABEL_Y).bind(this),
+            text: (0, util_1.field)(constant_1.DEFAULT_LABEL_TEXT).bind(this),
+            fill: (null === (_d = null === (_c = this._spec.label) || void 0 === _c ? void 0 : _c.style) || void 0 === _d ? void 0 : _d.fill) || this.getColorAttribute(),
+            textAlign: (0, util_1.field)(constant_1.DEFAULT_LABEL_ALIGN).bind(this),
+            textBaseline: "inside" === (null === (_e = this._spec.label) || void 0 === _e ? void 0 : _e.position) ? "middle" : "top",
+            angle: datum => {
+                var _a;
+                const angle = datum[constant_1.ARC_MIDDLE_ANGLE];
+                return "inside" === (null === (_a = this._spec.label) || void 0 === _a ? void 0 : _a.position) ? (0, 
+                util_1.degrees)(angle) : 0;
+            },
+            limit: (0, util_1.field)(constant_1.DEFAULT_LABEL_LIMIT).bind(this)
+        }, void 0, constant_1.AttributeLevel.User_Mark), this._trigger.registerMark(labelMark));
+        const labelLineMark = this._labelLineMark;
+        labelLineMark && (this.setMarkStyle(labelLineMark, Object.assign({
+            visible: (0, util_1.field)(constant_1.DEFAULT_LABEL_VISIBLE).bind(this),
+            stroke: (null === (_h = null === (_g = null === (_f = this._spec.label) || void 0 === _f ? void 0 : _f.line) || void 0 === _g ? void 0 : _g.style) || void 0 === _h ? void 0 : _h.stroke) || this.getColorAttribute(),
+            lineWidth: 1
+        }, this.generateLinePath("normal"))), this.setMarkStyle(labelLineMark, this.generateLinePath("hover"), "hover"), 
+        this.setMarkStyle(labelLineMark, this.generateLinePath("selected"), "selected"), 
+        this._trigger.registerMark(labelLineMark));
+    }
+    afterInitMark() {
+        super.afterInitMark(), this._trigger.setStateKeys([ this._seriesField, ...this._radiusField ]);
+    }
+    initEvent() {
+        var _a;
+        super.initEvent(), null === (_a = this._viewDataLabel.getDataView()) || void 0 === _a || _a.target.addListener("change", this.viewDataLabelUpdate.bind(this));
+    }
+    initGroups() {}
+    onLayoutEnd(ctx) {
+        this._viewDataLabel.getDataView().reRunAllTransform(), this.onMarkPositionUpdate(), 
+        super.onLayoutEnd(ctx);
+    }
+    getDimensionField() {
+        return this._seriesField ? [ this._seriesField ] : [];
+    }
+    getMeasureField() {
+        return this._angleField;
+    }
+    viewDataLabelUpdate() {
+        this.event.emit(constant_1.ChartEvent.viewDataLabelUpdate, {
+            model: this
+        }), this._viewDataLabel.updateData();
+    }
+    generateRadiusStyle(spec) {
+        const style = {};
+        return (null == spec ? void 0 : spec.outerRadius) && (style.outerRadius = () => this.computeLayoutRadius() * (null == spec ? void 0 : spec.outerRadius)), 
+        (null == spec ? void 0 : spec.innerRadius) && (style.innerRadius = () => this.computeLayoutRadius() * (null == spec ? void 0 : spec.innerRadius)), 
+        (null == spec ? void 0 : spec.cornerRadius) && (style.cornerRadius = () => this.computeLayoutRadius() * (null == spec ? void 0 : spec.cornerRadius)), 
+        style;
+    }
+    computeLayoutRadius() {
+        const {width: width, height: height} = this._region.getLayoutRect();
+        return Math.min(width / 2, height / 2);
+    }
+    computeCenter(datum) {
+        return {
+            x: this._pieMark.getAttribute("x", datum, "normal"),
+            y: this._pieMark.getAttribute("y", datum, "normal")
+        };
+    }
+    generateLinePath(state) {
+        const key = "normal" === state ? "POINT" : state.toUpperCase();
+        return {
+            path: datum => `M${Math.round(datum[`${constant_1.PREFIX}_ARC_LABEL_${key}_AX`])},${Math.round(datum[`${constant_1.PREFIX}_ARC_LABEL_${key}_AY`])} L${Math.round(datum[constant_1.ARC_LABEL_POINT_BX])},${Math.round(datum[constant_1.ARC_LABEL_POINT_BY])} L${Math.round(datum[constant_1.ARC_LABEL_POINT_CX])},${Math.round(datum[constant_1.ARC_LABEL_POINT_CY])}`
+        };
+    }
+    getRadius(state = "normal") {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const styleRadius = "normal" === state ? null === (_c = null === (_b = this.getSpec()[(null === (_a = this._pieMark) || void 0 === _a ? void 0 : _a.name) || "pie"]) || void 0 === _b ? void 0 : _b.style) || void 0 === _c ? void 0 : _c.outerRadius : null === (_g = null === (_f = null === (_e = this.getSpec()[(null === (_d = this._pieMark) || void 0 === _d ? void 0 : _d.name) || "pie"]) || void 0 === _e ? void 0 : _e.state) || void 0 === _f ? void 0 : _f[state]) || void 0 === _g ? void 0 : _g.outerRadius;
+        return null != styleRadius ? styleRadius : this._outerRadius;
+    }
+    getInnerRadius(state = "normal") {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const styleRadius = "normal" === state ? null === (_c = null === (_b = this.getSpec()[(null === (_a = this._pieMark) || void 0 === _a ? void 0 : _a.name) || "pie"]) || void 0 === _b ? void 0 : _b.style) || void 0 === _c ? void 0 : _c.innerRadius : null === (_g = null === (_f = null === (_e = this.getSpec()[(null === (_d = this._pieMark) || void 0 === _d ? void 0 : _d.name) || "pie"]) || void 0 === _e ? void 0 : _e.state) || void 0 === _f ? void 0 : _f[state]) || void 0 === _g ? void 0 : _g.innerRadius;
+        return null != styleRadius ? styleRadius : this._innerRadius;
+    }
+    getLabelConfig() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        return Object.assign(Object.assign({
+            visible: !0,
+            position: "outside",
+            showRule: "all",
+            rotate: !0,
+            coverEnable: !1,
+            spaceWidth: 5,
+            layoutArcGap: 6
+        }, this._spec.label), {
+            style: Object.assign({
+                visible: !0
+            }, null === (_a = this._spec.label) || void 0 === _a ? void 0 : _a.style),
+            line: Object.assign({
+                visible: !0,
+                line1MinLength: null !== (_d = null === (_c = null === (_b = this._spec.label) || void 0 === _b ? void 0 : _b.line) || void 0 === _c ? void 0 : _c.line1MinLength) && void 0 !== _d ? _d : 20,
+                line2MinLength: null !== (_g = null === (_f = null === (_e = this._spec.label) || void 0 === _e ? void 0 : _e.line) || void 0 === _f ? void 0 : _f.line2MinLength) && void 0 !== _g ? _g : 10
+            }, null === (_h = this._spec.label) || void 0 === _h ? void 0 : _h.line),
+            layout: Object.assign({
+                align: "arc",
+                strategy: "priority",
+                tangentConstraint: !0
+            }, null === (_j = this._spec.label) || void 0 === _j ? void 0 : _j.layout)
+        });
+    }
+    computeRadius(r, k) {
+        return this.computeLayoutRadius() * r * ((0, util_1.isNil)(k) ? 1 : k) + this._centerOffset;
+    }
+    computeDatumRadius(datum, state) {
+        return this.computeLayoutRadius() * this.getRadius(state) + this._centerOffset;
+    }
+    updateSpec(spec) {
+        const originalSpec = this._originalSpec, {centerX: centerX, centerY: centerY, centerOffset: centerOffset, radius: radius, innerRadius: innerRadius, cornerRadius: cornerRadius, startAngle: startAngle, endAngle: endAngle, padAngle: padAngle} = originalSpec, result = super.updateSpec(spec);
+        return (null == spec ? void 0 : spec.centerX) === centerX && (null == spec ? void 0 : spec.centerY) === centerY && (null == spec ? void 0 : spec.centerOffset) === centerOffset && (null == spec ? void 0 : spec.radius) === radius && (null == spec ? void 0 : spec.innerRadius) === innerRadius && (null == spec ? void 0 : spec.cornerRadius) === cornerRadius && (null == spec ? void 0 : spec.startAngle) === startAngle && (null == spec ? void 0 : spec.endAngle) === endAngle && (null == spec ? void 0 : spec.padAngle) === padAngle || (result.reRender = !0, 
+        result.change = !0), result;
+    }
+    computeDatumInnerRadius(datum, state) {
+        return this.computeLayoutRadius() * this.getInnerRadius(state) + this._centerOffset;
+    }
+    dataToPosition(datum) {
+        const angle = datum[constant_1.ARC_MIDDLE_ANGLE];
+        if ((0, util_1.isNil)(angle)) return null;
+        const radius = this.computeDatumRadius(datum), center = this.computeCenter(datum), delta = (0, 
+        util_1.polarToCartesian)({
+            angle: angle,
+            radius: radius
+        });
+        return {
+            x: center.x + delta.x,
+            y: center.y + delta.y
+        };
+    }
+    initAnimation() {
+        var _a, _b;
+        const animationParams = {
+            growFrom: (datum, element, state) => {
+                var _a, _b;
+                if (state === interface_2.AnimationStateEnum.appear) return this._startAngle;
+                if (state === interface_2.AnimationStateEnum.disappear) return this._endAngle;
+                const outState = [ interface_2.AnimationStateEnum.disappear, interface_2.AnimationStateEnum.exit ], markElements = element.mark.elements, data = datum, dataIndex = null == data ? void 0 : data[constant_1.DEFAULT_DATA_INDEX];
+                if (void 0 === markElements.find((e => {
+                    var _a;
+                    return (null === (_a = e.data[0]) || void 0 === _a ? void 0 : _a[constant_1.DEFAULT_DATA_INDEX]) < dataIndex;
+                }))) return this._startAngle;
+                if (void 0 === markElements.find((e => {
+                    var _a;
+                    return (null === (_a = e.data[0]) || void 0 === _a ? void 0 : _a[constant_1.DEFAULT_DATA_INDEX]) > dataIndex;
+                }))) return this._endAngle;
+                const prevMarkElement = markElements.findLast((e => {
+                    var _a;
+                    return (null === (_a = e.data[0]) || void 0 === _a ? void 0 : _a[constant_1.DEFAULT_DATA_INDEX]) < dataIndex;
+                }));
+                return outState.includes(state) ? null === (_a = null == prevMarkElement ? void 0 : prevMarkElement.getGraphicItem().nextAttrs) || void 0 === _a ? void 0 : _a.endAngle : null === (_b = null == prevMarkElement ? void 0 : prevMarkElement.getGraphicItem().prevAttrs) || void 0 === _b ? void 0 : _b.endAngle;
+            }
+        }, appearPreset = null === (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.animationAppear) || void 0 === _b ? void 0 : _b.preset;
+        if (this._pieMark) {
+            const pieAnimationConfig = (0, utils_1.animationConfig)(config_1.DEFAULT_MARK_ANIMATION.pie(animationParams, appearPreset), (0, 
+            utils_1.userAnimationConfig)("pie", this._spec));
+            pieAnimationConfig.normal && pieAnimationConfig.normal.type && (pieAnimationConfig.normal = (0, 
+            centerOffset_1.centerOffsetConfig)(this._pieMark, pieAnimationConfig.normal)), this._pieMark.setAnimationConfig(pieAnimationConfig);
+        }
+        this._labelMark && (this._labelMark.setAnimationConfig((0, utils_1.animationConfig)(config_1.DEFAULT_MARK_ANIMATION.label(), (0, 
+        utils_1.userAnimationConfig)("label", this._spec))), this._labelLineMark && this._labelLineMark.setAnimationConfig((0, 
+        utils_1.animationConfig)(config_1.DEFAULT_MARK_ANIMATION.label(), (0, utils_1.userAnimationConfig)("labelLine", this._spec))));
+    }
+    getDefaultShapeType() {
+        return "square";
+    }
+    getGroupFields() {
+        return [];
+    }
+    getStackGroupFields() {
+        return [];
+    }
+    getStackValueField() {
+        return "";
+    }
+    setValueFieldToStack() {}
+    setValueFieldToPercent() {}
+}
+
+exports.PieSeries = PieSeries, PieSeries.type = type_1.SeriesTypeEnum.pie;
+
+class Pie3dSeries extends PieSeries {
+    constructor() {
+        super(...arguments), this.type = type_1.SeriesTypeEnum.pie3d, this._arcMarkType = interface_1.MarkTypeEnum.arc3d;
+    }
+    initMarkStyle() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const pieMark = this._pieMark;
+        if (pieMark) {
+            this.setMarkStyle(pieMark, {
+                x: () => {
+                    var _a, _b;
+                    return null !== (_b = null === (_a = this._center) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : this._region.getLayoutRect().width / 2;
+                },
+                y: () => {
+                    var _a, _b;
+                    return null !== (_b = null === (_a = this._center) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : this._region.getLayoutRect().height / 2;
+                },
+                beta: () => -Math.PI / 3,
+                anchor3d: () => {
+                    var _a, _b, _c, _d;
+                    return [ null !== (_b = null === (_a = this._center) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : this._region.getLayoutRect().width / 2, null !== (_d = null === (_c = this._center) || void 0 === _c ? void 0 : _c.y) && void 0 !== _d ? _d : this._region.getLayoutRect().height / 2 ];
+                },
+                fill: this.getColorAttribute(),
+                fillOpacity: null === (_a = this._theme) || void 0 === _a ? void 0 : _a.fillOpacity,
+                outerRadius: () => this.computeLayoutRadius() * this._outerRadius,
+                innerRadius: () => this.computeLayoutRadius() * this._innerRadius,
+                cornerRadius: () => this.computeLayoutRadius() * this._cornerRadius,
+                startAngle: (0, util_1.field)(constant_1.ARC_START_ANGLE).bind(this),
+                endAngle: (0, util_1.field)(constant_1.ARC_END_ANGLE).bind(this),
+                padAngle: this._padAngle,
+                centerOffset: this._centerOffset
+            }, "normal", constant_1.AttributeLevel.Series);
+            const pieSpec = this.getSpec()[pieMark.name];
+            if (pieSpec) for (const state in pieSpec.state || {}) this.setMarkStyle(pieMark, this.generateRadiusStyle(pieSpec.state[state]), state, constant_1.AttributeLevel.User_Mark);
+            this._trigger.registerMark(pieMark), null === (_b = this._tooltipHelper) || void 0 === _b || _b.activeTriggerSet.mark.add(pieMark);
+        }
+        const labelMark = this._labelMark, spec = this.getSpec(), params3d = {};
+        (null === (_c = null == spec ? void 0 : spec.label) || void 0 === _c ? void 0 : _c.support3d) && (params3d.beta = -Math.PI / 3, 
+        params3d.anchor3d = datum => {
+            var _a, _b, _c, _d;
+            return [ (null !== (_b = null === (_a = this._center) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : this._region.getLayoutRect().width / 2) - (0, 
+            util_1.field)(constant_1.DEFAULT_LABEL_X).bind(this)(datum), (null !== (_d = null === (_c = this._center) || void 0 === _c ? void 0 : _c.y) && void 0 !== _d ? _d : this._region.getLayoutRect().height / 2) - (0, 
+            util_1.field)(constant_1.DEFAULT_LABEL_Y).bind(this)(datum) ];
+        }), labelMark && (this.setMarkStyle(labelMark, Object.assign({
+            visible: (0, util_1.field)(constant_1.DEFAULT_LABEL_VISIBLE).bind(this),
+            x: (0, util_1.field)(constant_1.DEFAULT_LABEL_X).bind(this),
+            y: (0, util_1.field)(constant_1.DEFAULT_LABEL_Y).bind(this),
+            text: (0, util_1.field)(constant_1.DEFAULT_LABEL_TEXT).bind(this),
+            fill: (null === (_e = null === (_d = this._spec.label) || void 0 === _d ? void 0 : _d.style) || void 0 === _e ? void 0 : _e.fill) || this.getColorAttribute(),
+            textAlign: (0, util_1.field)(constant_1.DEFAULT_LABEL_ALIGN).bind(this),
+            textBaseline: "inside" === (null === (_f = this._spec.label) || void 0 === _f ? void 0 : _f.position) ? "middle" : "top",
+            angle: datum => {
+                var _a;
+                const angle = datum[constant_1.ARC_MIDDLE_ANGLE];
+                return "inside" === (null === (_a = this._spec.label) || void 0 === _a ? void 0 : _a.position) ? (0, 
+                util_1.degrees)(angle) : 0;
+            },
+            limit: (0, util_1.field)(constant_1.DEFAULT_LABEL_LIMIT).bind(this)
+        }, params3d), void 0, constant_1.AttributeLevel.User_Mark), this._trigger.registerMark(labelMark));
+        const labelLineMark = this._labelLineMark;
+        labelLineMark && (this.setMarkStyle(labelLineMark, Object.assign({
+            visible: (0, util_1.field)(constant_1.DEFAULT_LABEL_VISIBLE).bind(this),
+            stroke: (null === (_j = null === (_h = null === (_g = this._spec.label) || void 0 === _g ? void 0 : _g.line) || void 0 === _h ? void 0 : _h.style) || void 0 === _j ? void 0 : _j.stroke) || this.getColorAttribute(),
+            lineWidth: 1
+        }, this.generateLinePath("normal"))), this.setMarkStyle(labelLineMark, this.generateLinePath("hover"), "hover"), 
+        this.setMarkStyle(labelLineMark, this.generateLinePath("selected"), "selected"), 
+        this._trigger.registerMark(labelLineMark));
+    }
+}
+
+exports.Pie3dSeries = Pie3dSeries, Pie3dSeries.type = type_1.SeriesTypeEnum.pie3d;
+//# sourceMappingURL=pie.js.map