@visactor/vchart 1.5.4 → 1.6.0

package/cjs/series/base/base-series.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.BaseSeries = void 0;
 
-const event_1 = require("../../constant/event"), index_1 = require("../../constant/index"), interface_1 = require("../interface"), vdataset_1 = require("@visactor/vdataset"), interface_2 = require("../../mark/interface"), base_model_1 = require("../../model/base-model"), initialize_1 = require("../../data/initialize"), util_1 = require("../../util"), add_property_1 = require("../../data/transforms/add-property"), trigger_1 = require("../../interaction/trigger"), register_1 = require("../../data/register"), tooltip_helper_1 = require("./tooltip-helper"), dimension_statistics_1 = require("../../data/transforms/dimension-statistics"), invalid_travel_1 = require("../../data/transforms/invalid-travel"), util_2 = require("../../theme/color-scheme/util"), series_data_1 = require("./series-data"), data_key_1 = require("../../data/transforms/data-key"), vutils_1 = require("@visactor/vutils"), color_ordinal_scale_1 = require("../../scale/color-ordinal-scale"), constant_1 = require("./constant"), util_3 = require("../../theme/util");
+const event_1 = require("../../constant/event"), index_1 = require("../../constant/index"), theme_1 = require("../interface/theme"), vdataset_1 = require("@visactor/vdataset"), type_1 = require("../../mark/interface/type"), base_model_1 = require("../../model/base-model"), initialize_1 = require("../../data/initialize"), data_1 = require("../../util/data"), type_2 = require("../../util/type"), merge_spec_1 = require("../../util/spec/merge-spec"), preprocess_1 = require("../../util/spec/preprocess"), add_property_1 = require("../../data/transforms/add-property"), trigger_1 = require("../../interaction/trigger"), register_1 = require("../../data/register"), tooltip_helper_1 = require("./tooltip-helper"), dimension_statistics_1 = require("../../data/transforms/dimension-statistics"), invalid_travel_1 = require("../../data/transforms/invalid-travel"), util_1 = require("../../theme/color-scheme/util"), series_data_1 = require("./series-data"), data_key_1 = require("../../data/transforms/data-key"), vutils_1 = require("@visactor/vutils"), util_2 = require("../../theme/util"), spec_1 = require("../util/spec"), color_ordinal_scale_1 = require("../../scale/color-ordinal-scale"), constant_1 = require("./constant"), utils_1 = require("../../animation/utils");
 
 class BaseSeries extends base_model_1.BaseModel {
     getTrigger() {
@@ -19,9 +19,6 @@ class BaseSeries extends base_model_1.BaseModel {
     getRawData() {
         return this._rawData;
     }
-    getRawDataStatistics() {
-        return this._rawDataStatistics;
-    }
     getViewDataFilter() {
         return this._viewDataFilter;
     }
@@ -43,7 +40,7 @@ class BaseSeries extends base_model_1.BaseModel {
         return this._seriesField;
     }
     setSeriesField(field) {
-        (0, util_1.isValid)(field) && (this._seriesField = field, this.getMarks().filter((m => m.getDataView() === this.getViewData())).forEach((m => {
+        (0, vutils_1.isValid)(field) && (this._seriesField = field, this.getMarks().filter((m => m.getDataView() === this.getViewData())).forEach((m => {
             m.setFacet(this._seriesField);
         })));
     }
@@ -79,7 +76,7 @@ class BaseSeries extends base_model_1.BaseModel {
         this.modelType = "series", this.name = void 0, this.coordinate = "none", this._region = null, 
         this._rootMark = null, this._seriesMark = null, this._viewDataMap = new Map, this._viewDataFilter = null, 
         this._data = null, this._percent = !1, this._stackOffsetSilhouette = !1, this._invalidType = "break", 
-        this._getInvalidDefined = datum => (0, util_1.couldBeValidNumber)(datum[this.getStackValueField()]), 
+        this._getInvalidDefined = datum => (0, type_2.couldBeValidNumber)(datum[this.getStackValueField()]), 
         this._region = options.region, this._dataSet = options.dataSet, (null === (_a = this._spec) || void 0 === _a ? void 0 : _a.name) && (this.name = this._spec.name);
     }
     created() {
@@ -87,7 +84,7 @@ class BaseSeries extends base_model_1.BaseModel {
         this.initStatisticalData(), this.event.emit(event_1.ChartEvent.afterInitData, {
             model: this
         }), this.initTrigger(), this.initRootMark(), this.initMark(), this._initExtensionMark(), 
-        this.initMarkStyle(), this.initMarkState(), !1 !== this._spec.animation && (0, util_1.isValid)(this._region.animate) && this.initAnimation(), 
+        this.initMarkStyle(), this.initMarkState(), (0, utils_1.isAnimationEnabledForSeries)(this) && this.initAnimation(), 
         this.afterInitMark(), this.initEvent(), this.event.emit(event_1.ChartEvent.afterInitEvent, {
             model: this
         });
@@ -101,19 +98,19 @@ class BaseSeries extends base_model_1.BaseModel {
             },
             seriesColor: seriesValue => {
                 var _a;
-                return (0, util_1.isNil)(seriesValue) && (seriesValue = this.getSeriesKeys()[0]), 
+                return (0, vutils_1.isNil)(seriesValue) && (seriesValue = this.getSeriesKeys()[0]), 
                 null === (_a = this._option.globalScale.getScale("color")) || void 0 === _a ? void 0 : _a.scale(seriesValue);
             },
             getRegion: () => this._region
         };
     }
     setAttrFromSpec() {
-        super.setAttrFromSpec(), this.setSeriesField(this._spec.seriesField), (0, util_1.isBoolean)(this._spec.stack) && (this._stack = this._spec.stack), 
-        (0, util_1.isBoolean)(this._spec.percent) && (this._percent = this._spec.percent, 
-        this._stack = this._spec.percent || this._stack), (0, util_1.isBoolean)(this._spec.stackOffsetSilhouette) && (this._stackOffsetSilhouette = this._spec.stackOffsetSilhouette, 
-        this._stack = this._spec.stackOffsetSilhouette || this._stack), (0, util_1.isValid)(this._spec.stackValue) && (this._stack = !0), 
-        (0, util_1.isNil)(this._stack) && this._supportStack && this._seriesField && (this._stack = !0), 
-        (0, util_1.isValid)(this._spec.invalidType) && (this._invalidType = this._spec.invalidType);
+        super.setAttrFromSpec(), this.setSeriesField(this._spec.seriesField), (0, vutils_1.isBoolean)(this._spec.stack) && (this._stack = this._spec.stack), 
+        (0, vutils_1.isBoolean)(this._spec.percent) && (this._percent = this._spec.percent, 
+        this._stack = this._spec.percent || this._stack), (0, vutils_1.isBoolean)(this._spec.stackOffsetSilhouette) && (this._stackOffsetSilhouette = this._spec.stackOffsetSilhouette, 
+        this._stack = this._spec.stackOffsetSilhouette || this._stack), (0, vutils_1.isValid)(this._spec.stackValue) && (this._stack = !0), 
+        (0, vutils_1.isNil)(this._stack) && this._supportStack && this._seriesField && (this._stack = !0), 
+        (0, vutils_1.isValid)(this._spec.invalidType) && (this._invalidType = this._spec.invalidType);
     }
     initData() {
         var _a, _b, _c, _d;
@@ -121,13 +118,13 @@ class BaseSeries extends base_model_1.BaseModel {
             onError: null === (_a = this._option) || void 0 === _a ? void 0 : _a.onError
         })), null === (_b = this._rawData) || void 0 === _b || _b.target.addListener("change", this.rawDataUpdate.bind(this)), 
         this._addDataIndexAndKey(), this._rawData) {
-            this._viewDataFilter = (0, initialize_1.dataViewFromDataView)(this._rawData, this._dataSet, {
-                name: `${index_1.PREFIX}_series_${this.id}_viewDataFilter`
-            });
-            const viewData = (0, initialize_1.dataViewFromDataView)(this._viewDataFilter, this._dataSet, {
-                name: `${index_1.PREFIX}_series_${this.id}_viewData`
+            this._stack && (this._viewDataFilter = (0, initialize_1.dataViewFromDataView)(this._rawData, this._dataSet, {
+                name: `${this.type}_${this.id}_viewDataFilter`
+            }));
+            const viewData = (0, initialize_1.dataViewFromDataView)(this._stack ? this._viewDataFilter : this._rawData, this._dataSet, {
+                name: `${this.type}_${this.id}_viewData`
             });
-            this._data = new series_data_1.SeriesData(this._option, viewData), this._viewDataFilter.target.removeListener("change", viewData.reRunAllTransform);
+            this._data = new series_data_1.SeriesData(this._option, viewData), this._stack && this._viewDataFilter.target.removeListener("change", viewData.reRunAllTransform);
         }
         "zero" === this._invalidType && (null === (_c = this._rawData) || void 0 === _c ? void 0 : _c.dataSet) && ((0, 
         register_1.registerDataSetInstanceTransform)(this._rawData.dataSet, "invalidTravel", invalid_travel_1.invalidTravel), 
@@ -148,34 +145,22 @@ class BaseSeries extends base_model_1.BaseModel {
         });
     }
     initStatisticalData() {
-        this._rawData && this._statisticRawData(), this._data && this._statisticViewData();
+        this._data && this._statisticViewData();
     }
-    _statisticRawData() {
-        (0, register_1.registerDataSetInstanceTransform)(this._dataSet, "dimensionStatistics", dimension_statistics_1.dimensionStatistics);
-        const rawDataStatisticsName = `${index_1.PREFIX}_series_${this.id}_rawDataStatic`;
-        this._rawDataStatistics = new vdataset_1.DataView(this._dataSet, {
-            name: rawDataStatisticsName
-        }), this._rawDataStatistics.parse([ this._rawData ], {
-            type: "dataview"
-        }), this._rawDataStatistics.transform({
-            type: "dimensionStatistics",
-            options: {
-                operations: [ "max", "min", "values" ],
-                fields: () => {
-                    var _a;
-                    const fields = (0, util_1.mergeFields)(this.getStatisticFields(), null !== (_a = this._option.globalScale.getStatisticalFields(this._rawData.name)) && void 0 !== _a ? _a : []);
-                    return this._seriesField && (0, util_1.mergeFields)(fields, [ {
-                        key: this._seriesField,
-                        operations: [ "values" ]
-                    } ]), fields.filter((f => f.key !== index_1.STACK_FIELD_START_PERCENT && f.key !== index_1.STACK_FIELD_END_PERCENT && f.key !== index_1.STACK_FIELD_END && f.key !== index_1.STACK_FIELD_START));
-                },
-                target: "latest"
-            }
-        }, !1), this._rawData.target.removeListener("change", this._rawDataStatistics.reRunAllTransform);
+    getRawDataStatisticsByField(field, isNumeric) {
+        var _a;
+        if (this._rawStatisticsCache || (this._rawStatisticsCache = {}), !this._rawStatisticsCache[field]) {
+            this._viewDataStatistics && (!this._viewDataFilter || this._viewDataFilter.transformsArr.length <= 1) && this.getViewData().transformsArr.length <= 1 && (null === (_a = this._viewDataStatistics.latestData) || void 0 === _a ? void 0 : _a[field]) ? this._rawStatisticsCache[field] = this._viewDataStatistics.latestData[field] : this._rawData && (this._rawStatisticsCache[field] = (0, 
+            dimension_statistics_1.dimensionStatisticsOfSimpleData)(this._rawData.latestData, [ {
+                key: field,
+                operations: isNumeric ? [ "min", "max" ] : [ "values" ]
+            } ])[field]);
+        }
+        return this._rawStatisticsCache[field];
     }
     _statisticViewData() {
         (0, register_1.registerDataSetInstanceTransform)(this._dataSet, "dimensionStatistics", dimension_statistics_1.dimensionStatistics);
-        const viewDataStatisticsName = `${index_1.PREFIX}_series_${this.id}_viewDataStatic`;
+        const viewDataStatisticsName = `${this.type}_${this.id}_viewDataStatic`;
         this._viewDataStatistics = new vdataset_1.DataView(this._dataSet, {
             name: viewDataStatisticsName
         }), this._viewDataStatistics.parse([ this._data.getDataView() ], {
@@ -183,11 +168,9 @@ class BaseSeries extends base_model_1.BaseModel {
         }), this._viewDataStatistics.transform({
             type: "dimensionStatistics",
             options: {
-                fieldFollowSource: key => this._viewDataFilter.transformsArr.length <= 1,
-                sourceStatistics: () => this._rawDataStatistics.latestData,
                 fields: () => {
                     const fields = this.getStatisticFields();
-                    return this._seriesField && (0, util_1.mergeFields)(fields, [ {
+                    return this._seriesField && (0, data_1.mergeFields)(fields, [ {
                         key: this._seriesField,
                         operations: [ "values" ]
                     } ]), fields;
@@ -210,8 +193,8 @@ class BaseSeries extends base_model_1.BaseModel {
                 operations: [ "max", "min", "values" ],
                 fields: () => {
                     var _a;
-                    const fields = (0, util_1.mergeFields)(this.getStatisticFields(), null !== (_a = null == staticFields ? void 0 : staticFields(rawData.name)) && void 0 !== _a ? _a : []);
-                    return this._seriesField && (0, util_1.mergeFields)(fields, [ {
+                    const fields = (0, data_1.mergeFields)(this.getStatisticFields(), null !== (_a = null == staticFields ? void 0 : staticFields(rawData.name)) && void 0 !== _a ? _a : []);
+                    return this._seriesField && (0, data_1.mergeFields)(fields, [ {
                         key: this._seriesField,
                         operations: [ "values" ]
                     } ]), fields;
@@ -221,33 +204,35 @@ class BaseSeries extends base_model_1.BaseModel {
         }, !1), data;
     }
     createdStackData() {
-        var _a, _b;
-        const dataName = null !== (_b = null === (_a = this._rawData) || void 0 === _a ? void 0 : _a.name) && void 0 !== _b ? _b : `${index_1.PREFIX}_series_${this.id}_viewStackData`;
-        this._viewStackData = new vdataset_1.DataView(this._dataSet), this._viewStackData.parse([ this.getViewDataFilter() ], {
+        const dataName = `${this.type}_${this.id}_viewStackData`;
+        this._viewStackData = new vdataset_1.DataView(this._dataSet, {
+            name: dataName
+        }), this._viewStackData.parse([ this._viewDataFilter ], {
             type: "dataview"
-        }), this._viewStackData.name = dataName, this._viewStackData.transform({
+        }), this._viewStackData.transform({
             type: "stackSplit",
             options: {
                 fields: this.getStackGroupFields()
             }
         }, !1);
     }
-    _noAnimationDataKey(datum, index, context) {
+    _noAnimationDataKey(datum, index) {
         return index;
     }
-    generateDefaultDataKey(dataKey, datum, index, context) {
+    generateDefaultDataKey(dataKey) {
         var _a;
-        if ((0, util_1.isNil)(dataKey)) {
+        return (0, vutils_1.isNil)(dataKey) ? (datum, index, context) => {
             if (!1 === this._spec.animation) {
-                const v = this._noAnimationDataKey(datum, index, context);
+                const v = this._noAnimationDataKey(datum, index);
                 if (void 0 !== v) return v;
             }
             const {keyMap: keyMap} = context, seriesDataKey = this._getSeriesDataKey(datum);
             return void 0 === keyMap.get(seriesDataKey) ? keyMap.set(seriesDataKey, 0) : keyMap.set(seriesDataKey, keyMap.get(seriesDataKey) + 1), 
             `${seriesDataKey}_${keyMap.get(seriesDataKey)}`;
-        }
-        return (0, util_1.isString)(dataKey) ? datum[dataKey] : (0, util_1.isArray)(dataKey) && dataKey.every((d => (0, 
-        util_1.isString)(d))) ? dataKey.map((k => datum[k])).join("-") : (0, util_1.isFunction)(dataKey) ? dataKey(datum, index) : void (null === (_a = this._option) || void 0 === _a || _a.onError(`invalid dataKey: ${dataKey}`));
+        } : (0, vutils_1.isString)(dataKey) ? datum => datum[dataKey] : (0, vutils_1.isArray)(dataKey) && dataKey.every((d => (0, 
+        vutils_1.isString)(d))) ? datum => dataKey.map((k => datum[k])).join("-") : (0, 
+        vutils_1.isFunction)(dataKey) ? (datum, index) => dataKey(datum, index) : (null === (_a = this._option) || void 0 === _a || _a.onError(`invalid dataKey: ${dataKey}`), 
+        (datum, index) => {});
     }
     _addDataIndexAndKey() {
         var _a;
@@ -255,8 +240,8 @@ class BaseSeries extends base_model_1.BaseModel {
         this._rawData.transform({
             type: "addVChartProperty",
             options: {
-                beforeCall: data_key_1.initKeyMap,
-                call: data_key_1.addDataKey.bind(this)
+                beforeCall: data_key_1.initKeyMap.bind(this),
+                call: data_key_1.addDataKey
             }
         }, !1));
     }
@@ -266,12 +251,7 @@ class BaseSeries extends base_model_1.BaseModel {
     rawDataUpdate(d) {
         var _a;
         null === (_a = this._rawDataStatistics) || void 0 === _a || _a.reRunAllTransform(), 
-        this.event.emit(event_1.ChartEvent.rawDataUpdate, {
-            model: this
-        });
-    }
-    rawDataStatisticsUpdate(d) {
-        this.event.emit(event_1.ChartEvent.rawDataStatisticsUpdate, {
+        this._rawStatisticsCache = null, this.event.emit(event_1.ChartEvent.rawDataUpdate, {
             model: this
         });
     }
@@ -281,9 +261,10 @@ class BaseSeries extends base_model_1.BaseModel {
         });
     }
     viewDataUpdate(d) {
+        var _a;
         this.event.emit(event_1.ChartEvent.viewDataUpdate, {
             model: this
-        }), this._data.updateData(), this._viewDataStatistics.reRunAllTransform();
+        }), null === (_a = this._data) || void 0 === _a || _a.updateData(), this._viewDataStatistics && this._viewDataStatistics.reRunAllTransform();
     }
     viewDataStatisticsUpdate(d) {
         this.event.emit(event_1.ChartEvent.viewDataStatisticsUpdate, {
@@ -291,15 +272,18 @@ class BaseSeries extends base_model_1.BaseModel {
         });
     }
     getDatumPositionValue(datum, field) {
-        return !datum || (0, util_1.isNil)(field) ? null : datum[field];
+        return !datum || (0, vutils_1.isNil)(field) ? null : datum[field];
     }
     getDatumPositionValues(datum, fields) {
-        return !datum || (0, util_1.isNil)(fields) ? [] : (0, util_1.isString)(fields) ? [ datum[fields] ] : fields.map((f => datum[f]));
+        return !datum || (0, vutils_1.isNil)(fields) ? [] : (0, vutils_1.isString)(fields) ? [ datum[fields] ] : fields.map((f => datum[f]));
     }
+    setValueFieldToStack() {}
+    setValueFieldToPercent() {}
+    setValueFieldToStackOffsetSilhouette() {}
     initRootMark() {
         var _a, _b;
         this._rootMark = this._createMark({
-            type: interface_2.MarkTypeEnum.group,
+            type: type_1.MarkTypeEnum.group,
             name: `seriesGroup_${this.type}_${this.id}`
         }, {
             parent: null === (_b = (_a = this._region).getGroupMark) || void 0 === _b ? void 0 : _b.call(_a),
@@ -324,7 +308,7 @@ class BaseSeries extends base_model_1.BaseModel {
         });
         if (mark) if ("group" === spec.type) namePrefix = `${namePrefix}_${index}`, null === (_a = spec.children) || void 0 === _a || _a.forEach(((s, i) => {
             this._createExtensionMark(s, mark, namePrefix, i);
-        })); else if (!(parentMark || (0, util_1.isNil)(spec.dataId) && (0, util_1.isNil)(spec.dataIndex))) {
+        })); else if (!(parentMark || (0, vutils_1.isNil)(spec.dataId) && (0, vutils_1.isNil)(spec.dataIndex))) {
             const dataView = this._option.getSeriesData(spec.id, spec.dataIndex);
             dataView === this._rawData ? mark.setDataView(this.getViewData(), this.getViewDataProductId()) : mark.setDataView(dataView);
         }
@@ -334,7 +318,7 @@ class BaseSeries extends base_model_1.BaseModel {
         null === (_a = this._spec.extensionMark) || void 0 === _a || _a.forEach(((spec, i) => {
             var _a;
             const mark = this._marks.getMarkWithInfo({
-                name: `${index_1.PREFIX}_series_${this.id}_extensionMark_${i}`
+                name: `${this.type}_${this.id}_extensionMark_${i}`
             });
             mark && (lastSpec && (0, vutils_1.isEqual)(null === (_a = lastSpec.extensionMark) || void 0 === _a ? void 0 : _a[i], spec) || (this.initMarkStyleWithSpec(mark, spec), 
             mark.updateStaticEncode(), mark.updateLayoutState()));
@@ -419,10 +403,9 @@ class BaseSeries extends base_model_1.BaseModel {
         return this.getMarks().find((m => m.id === markId));
     }
     initEvent() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c;
         this._trigger.init(), null === (_b = null === (_a = this._data) || void 0 === _a ? void 0 : _a.getDataView()) || void 0 === _b || _b.target.addListener("change", this.viewDataUpdate.bind(this)), 
-        null === (_c = this._viewDataStatistics) || void 0 === _c || _c.target.addListener("change", this.viewDataStatisticsUpdate.bind(this)), 
-        null === (_d = this._rawDataStatistics) || void 0 === _d || _d.target.addListener("change", this.rawDataStatisticsUpdate.bind(this));
+        null === (_c = this._viewDataStatistics) || void 0 === _c || _c.target.addListener("change", this.viewDataStatisticsUpdate.bind(this));
     }
     _releaseEvent() {
         super._releaseEvent(), this._trigger.release();
@@ -473,8 +456,8 @@ class BaseSeries extends base_model_1.BaseModel {
         super.onLayoutEnd(ctx);
     }
     getSeriesKeys() {
-        var _a, _b, _c;
-        return this._seriesField ? null !== (_c = null === (_b = null === (_a = this._rawDataStatistics) || void 0 === _a ? void 0 : _a.latestData[this._seriesField]) || void 0 === _b ? void 0 : _b.values) && void 0 !== _c ? _c : [] : this.name ? [ this.name ] : this.userId ? [ `${this.userId}` ] : [ `${this.type}_${this.id}` ];
+        var _a, _b;
+        return this._seriesField ? null !== (_b = null === (_a = this.getRawDataStatisticsByField(this._seriesField)) || void 0 === _a ? void 0 : _a.values) && void 0 !== _b ? _b : [] : this.name ? [ this.name ] : this.userId ? [ `${this.userId}` ] : [ `${this.type}_${this.id}` ];
     }
     getSeriesStyle(datum) {
         return attribute => {
@@ -494,7 +477,7 @@ class BaseSeries extends base_model_1.BaseModel {
     }
     getSeriesInfoInField(field) {
         var _a, _b;
-        return this._getSeriesInfo(field, null !== (_b = null === (_a = this._rawDataStatistics.latestData[field]) || void 0 === _a ? void 0 : _a.values) && void 0 !== _b ? _b : []);
+        return this._getSeriesInfo(field, null !== (_b = null === (_a = this.getRawDataStatisticsByField(field)) || void 0 === _a ? void 0 : _a.values) && void 0 !== _b ? _b : []);
     }
     getSeriesInfoList() {
         var _a;
@@ -506,11 +489,11 @@ class BaseSeries extends base_model_1.BaseModel {
         return null === (_b = (_a = (new color_ordinal_scale_1.ColorOrdinalScale).domain(colorDomain)).range) || void 0 === _b ? void 0 : _b.call(_a, colorRange);
     }
     _getDataScheme() {
-        return (0, util_2.getDataScheme)(this.getColorScheme(), this.type);
+        return (0, util_1.getDataScheme)(this.getColorScheme(), this.type);
     }
     getDefaultColorDomain() {
         var _a, _b;
-        return this._seriesField ? null === (_b = null === (_a = this._viewDataStatistics) || void 0 === _a ? void 0 : _a.latestData[this._seriesField]) || void 0 === _b ? void 0 : _b.values : [];
+        return this._seriesField ? null === (_b = null === (_a = this.getViewDataStatistics()) || void 0 === _a ? void 0 : _a.latestData[this._seriesField]) || void 0 === _b ? void 0 : _b.values : [];
     }
     getColorAttribute() {
         var _a, _b;
@@ -530,30 +513,33 @@ class BaseSeries extends base_model_1.BaseModel {
     }
     onMarkTreePositionUpdate(marks) {}
     _getTheme() {
-        return (0, util_1.preprocessSpecOrTheme)("theme", (0, util_3.getThemeFromOption)(`series.${this.type}`, this._option), this.getColorScheme(), this.type);
+        const direction = (0, spec_1.getDirectionFromSeriesSpec)(this._spec), theme = (0, 
+        util_2.getThemeFromOption)(`series.${this.type}`, this._option), themeWithDirection = (0, 
+        util_2.getThemeFromOption)(`series.${this.type}_${direction}`, this._option);
+        return (0, preprocess_1.preprocessSpecOrTheme)("theme", (0, merge_spec_1.mergeSpec)({}, theme, themeWithDirection), this.getColorScheme(), this._spec);
     }
     _createMark(markInfo, option = {}) {
         var _a, _b, _c, _d;
-        const {key: key, groupKey: groupKey, skipBeforeLayouted: skipBeforeLayouted, themeSpec: themeSpec = {}, markSpec: markSpec, dataView: dataView, dataProductId: dataProductId, parent: parent, isSeriesMark: isSeriesMark, dataStatistics: dataStatistics, depend: depend, label: label, progressive: progressive, support3d: support3d = this._spec.support3d || !!this._spec.zField, morph: morph = !1} = option, m = super._createMark(markInfo, {
+        const {key: key, groupKey: groupKey, skipBeforeLayouted: skipBeforeLayouted, themeSpec: themeSpec = {}, markSpec: markSpec, dataView: dataView, dataProductId: dataProductId, parent: parent, isSeriesMark: isSeriesMark, depend: depend, label: label, progressive: progressive, support3d: support3d = this._spec.support3d || !!this._spec.zField, morph: morph = !1} = option, m = super._createMark(markInfo, {
             key: null != key ? key : this._getDataIdKey(),
             support3d: support3d,
-            dataStatistics: null != dataStatistics ? dataStatistics : this._rawDataStatistics,
+            seriesId: this.id,
             attributeContext: this._markAttributeContext
         });
-        if ((0, util_1.isValid)(m)) {
+        if ((0, vutils_1.isValid)(m)) {
             this._marks.addMark(m, {
                 name: markInfo.name
-            }), isSeriesMark && (this._seriesMark = m), (0, util_1.isNil)(parent) ? null === (_a = this._rootMark) || void 0 === _a || _a.addMark(m) : !1 !== parent && parent.addMark(m), 
-            (0, util_1.isNil)(dataView) ? (m.setDataView(this.getViewData(), this.getViewDataProductId()), 
+            }), isSeriesMark && (this._seriesMark = m), (0, vutils_1.isNil)(parent) ? null === (_a = this._rootMark) || void 0 === _a || _a.addMark(m) : !1 !== parent && parent.addMark(m), 
+            (0, vutils_1.isNil)(dataView) ? (m.setDataView(this.getViewData(), this.getViewDataProductId()), 
             m.setSkipBeforeLayouted(!0)) : !1 !== dataView && m.setDataView(dataView, dataProductId), 
-            (0, util_1.isBoolean)(skipBeforeLayouted) && m.setSkipBeforeLayouted(skipBeforeLayouted), 
-            (0, util_1.isValid)(depend) && m.setDepend(...(0, vutils_1.array)(depend)), (0, 
-            util_1.isValid)(label) && m.addLabelSpec(label);
+            (0, vutils_1.isBoolean)(skipBeforeLayouted) && m.setSkipBeforeLayouted(skipBeforeLayouted), 
+            (0, vutils_1.isValid)(depend) && m.setDepend(...(0, vutils_1.array)(depend)), (0, 
+            vutils_1.isValid)(label) && m.addLabelSpec(label);
             const spec = this.getSpec() || {};
             m.setMorph(morph), m.setMorphKey((null === (_b = spec.morph) || void 0 === _b ? void 0 : _b.morphKey) || `${this._specIndex}`), 
             m.setMorphElementKey(null !== (_d = null === (_c = spec.morph) || void 0 === _c ? void 0 : _c.morphElementKey) && void 0 !== _d ? _d : option.defaultMorphElementKey), 
-            (0, util_1.isNil)(progressive) || m.setProgressiveConfig(progressive), (0, util_1.isNil)(groupKey) || m.setGroupKey(groupKey), 
-            this.initMarkStyleWithSpec(m, (0, util_1.mergeSpec)({}, themeSpec, markSpec || spec[m.name]));
+            (0, vutils_1.isNil)(progressive) || m.setProgressiveConfig(progressive), (0, vutils_1.isNil)(groupKey) || m.setGroupKey(groupKey), 
+            this.initMarkStyleWithSpec(m, (0, merge_spec_1.mergeSpec)({}, themeSpec, markSpec || spec[m.name]));
         }
         return m;
     }
@@ -568,12 +554,12 @@ class BaseSeries extends base_model_1.BaseModel {
         key;
     }
     addViewDataFilter(option) {
-        var _a;
-        null === (_a = this._viewDataFilter) || void 0 === _a || _a.transform(option, !1);
+        var _a, _b;
+        null === (_b = null !== (_a = this._viewDataFilter) && void 0 !== _a ? _a : this.getViewData()) || void 0 === _b || _b.transform(option, !1);
     }
     reFilterViewData() {
-        var _a;
-        null === (_a = this._viewDataFilter) || void 0 === _a || _a.reRunAllTransform();
+        var _a, _b;
+        null === (_b = null !== (_a = this._viewDataFilter) && void 0 !== _a ? _a : this.getViewData()) || void 0 === _b || _b.reRunAllTransform();
     }
     reTransformViewData() {
         var _a, _b;
@@ -584,7 +570,7 @@ class BaseSeries extends base_model_1.BaseModel {
         null === (_a = this.getRawData()) || void 0 === _a || _a.reRunAllTransform();
     }
     compile() {
-        this.compileSignal(), this.compileData();
+        this.compileData();
     }
     getDefaultShapeType() {
         return "circle";
@@ -592,12 +578,12 @@ class BaseSeries extends base_model_1.BaseModel {
     getFieldAlias(field) {
         var _a;
         return field !== index_1.STACK_FIELD_END && field !== index_1.STACK_FIELD_END_PERCENT && field !== index_1.STACK_FIELD_START && field !== index_1.STACK_FIELD_START_PERCENT || (field = this.getStackValueField()), 
-        null !== (_a = (0, util_1.getFieldAlias)(this.getRawData(), field)) && void 0 !== _a ? _a : field;
+        null !== (_a = (0, data_1.getFieldAlias)(this.getRawData(), field)) && void 0 !== _a ? _a : field;
     }
     getMarkInfoList() {
         var _a;
         const list = super.getMarkInfoList();
-        return list.length ? list : Object.values(null !== (_a = interface_1.seriesMarkInfoMap[this.type]) && void 0 !== _a ? _a : {});
+        return list.length ? list : Object.values(null !== (_a = theme_1.seriesMarkInfoMap[this.type]) && void 0 !== _a ? _a : {});
     }
     _getInvalidConnectType() {
         return "zero" === this._invalidType ? "zero" : "link" === this._invalidType ? "connect" : "none";