@visactor/vchart 1.3.1-test.2 → 1.3.1-test.3

package/cjs/core/vchart.js

@@ -0,0 +1,632 @@
+"use strict";
+
+var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))((function(resolve, reject) {
+        function fulfilled(value) {
+            try {
+                step(generator.next(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function rejected(value) {
+            try {
+                step(generator.throw(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function step(result) {
+            var value;
+            result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P((function(resolve) {
+                resolve(value);
+            }))).then(fulfilled, rejected);
+        }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    }));
+}, __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.VChart = void 0;
+
+const array_1 = require("../data/parser/array"), common_1 = require("../typings/spec/common"), interface_1 = require("../component/interface"), vdataset_1 = require("@visactor/vdataset"), util_1 = require("../util"), factory_1 = require("./factory"), event_1 = require("../event/event"), event_dispatcher_1 = require("../event/event-dispatcher"), geo_source_1 = require("../series/map/geo-source"), register_1 = require("../data/register"), initialize_1 = require("../data/initialize"), stack_split_1 = require("../data/transforms/stack-split"), copy_data_view_1 = require("../data/transforms/copy-data-view"), interface_2 = require("../animation/interface"), theme_manager_1 = require("../theme/theme-manager"), compiler_1 = require("../compile/compiler"), image_1 = require("../util/image"), constant_1 = require("../constant"), vutils_1 = require("@visactor/vutils"), instance_manager_1 = require("./instance-manager"), vrender_components_1 = require("@visactor/vrender-components"), util_2 = require("../chart/util");
+
+class VChart {
+    static useChart(charts) {
+        charts.forEach((c => factory_1.Factory.registerChart(c.type, c)));
+    }
+    static useSeries(series) {
+        series.forEach((s => factory_1.Factory.registerSeries(s.type, s)));
+    }
+    static useComponent(components) {
+        components.forEach((c => factory_1.Factory.registerComponent(c.type, c)));
+    }
+    static useMark(marks) {
+        marks.forEach((m => {
+            var _a;
+            return factory_1.Factory.registerMark(null !== (_a = m.constructorType) && void 0 !== _a ? _a : m.type, m);
+        }));
+    }
+    static useLayout(layouts) {
+        layouts.forEach((l => factory_1.Factory.registerLayout(l.type, l)));
+    }
+    static registerDataSetTransform(name, transform) {
+        factory_1.Factory.registerTransform(name, transform);
+    }
+    static registerMap(key, source, option) {
+        (0, geo_source_1.registerMapSource)(key, source, option);
+    }
+    static unregisterMap(key) {
+        (0, geo_source_1.unregisterMapSource)(key);
+    }
+    static getMap(key) {
+        return (0, geo_source_1.getMapSource)(key);
+    }
+    static hideTooltip(excludeId = []) {
+        instance_manager_1.InstanceManager.forEach((instance => {
+            var _a;
+            return null === (_a = null == instance ? void 0 : instance.hideTooltip) || void 0 === _a ? void 0 : _a.call(instance);
+        }), excludeId);
+    }
+    static getLogger() {
+        return vutils_1.Logger.getInstance();
+    }
+    getDataSet() {
+        return this._dataSet;
+    }
+    constructor(spec, options) {
+        var _a, _b, _c, _d;
+        this.id = (0, util_1.createID)(), this._autoSize = !0, this._option = {
+            mode: common_1.RenderModeEnum["desktop-browser"],
+            animation: !0,
+            onError: msg => {
+                throw new Error(msg);
+            }
+        }, this._observer = null, this._context = {}, this._onResize = (0, util_1.debounce)(((...args) => {
+            var _a, _b;
+            const {width: containerWidth, height: containerHeight} = (0, vutils_1.getContainerSize)(this._container, constant_1.DEFAULT_CHART_WIDTH, constant_1.DEFAULT_CHART_HEIGHT), width = null !== (_a = this._spec.width) && void 0 !== _a ? _a : containerWidth, height = null !== (_b = this._spec.height) && void 0 !== _b ? _b : containerHeight;
+            this._curSize.width === width && this._curSize.height === height || (this.resize(width, height), 
+            this._curSize = {
+                width: width,
+                height: height
+            });
+        }), 100), this._option = (0, vutils_1.merge)(this._option, options), this._onError = this._option.onError;
+        const _e = this._option, {dom: dom, renderCanvas: renderCanvas, mode: mode, stage: stage, poptip: poptip} = _e, restOptions = __rest(_e, [ "dom", "renderCanvas", "mode", "stage", "poptip" ]);
+        dom && (this._container = (0, util_1.isString)(dom) ? null === document || void 0 === document ? void 0 : document.getElementById(dom) : dom), 
+        renderCanvas && (this._canvas = renderCanvas), stage && (this._stage = stage), "node" === mode || this._container || this._canvas || this._stage ? (this._viewBox = this._option.viewBox, 
+        this._currentThemeName = theme_manager_1.ThemeManager.getCurrentThemeName(), this._setSpec(spec), 
+        this._updateCurrentTheme(), this._curSize = (0, util_2.calculateChartSize)(this._spec, {
+            container: this._container,
+            canvas: this._canvas,
+            mode: this._option.mode || common_1.RenderModeEnum["desktop-browser"],
+            modeParams: this._option.modeParams
+        }), this._compiler = new compiler_1.Compiler({
+            dom: null !== (_a = this._container) && void 0 !== _a ? _a : "none",
+            canvas: renderCanvas
+        }, Object.assign(Object.assign({
+            mode: this._option.mode,
+            stage: stage,
+            pluginList: !1 !== poptip ? [ "poptipForText" ] : []
+        }, restOptions), {
+            background: this._getBackground(),
+            onError: this._onError
+        })), this._compiler.setSize(this._curSize.width, this._curSize.height), this._eventDispatcher = new event_dispatcher_1.EventDispatcher(this, this._compiler), 
+        this._event = new event_1.Event(this._eventDispatcher, mode), this._compiler.initView(), 
+        null === (_b = this.getStage()) || void 0 === _b || _b.setTheme({
+            text: {
+                fontFamily: this._currentTheme.fontFamily
+            }
+        }), this._initDataSet(this._option.dataSet), this._autoSize = !!(0, util_1.isTrueBrowser)(mode) && (null === (_d = null !== (_c = spec.autoFit) && void 0 !== _c ? _c : this._option.autoFit) || void 0 === _d || _d), 
+        this._bindResizeEvent(), this._bindVGrammarViewEvent(), this._event.emit(constant_1.ChartEvent.initialized, {}), 
+        instance_manager_1.InstanceManager.registerInstance(this)) : this._option.onError("please specify container or renderCanvas!");
+    }
+    _setSpec(spec) {
+        spec && (this._spec = (0, util_1.specTransform)((0, util_1.isString)(spec) ? JSON.parse(spec) : spec));
+    }
+    _initData() {
+        if ((0, util_1.isNil)(this._dataSet)) return void (0, util_1.warn)("dataSet is not initialized");
+        const specData = (0, util_1.array)(this._spec.data), dataViewArr = [];
+        for (let i = 0; i < specData.length; i++) {
+            const curSpecData = specData[i];
+            dataViewArr.push((0, initialize_1.dataToDataView)(curSpecData, this._dataSet, dataViewArr, {
+                onError: this._option.onError
+            }));
+        }
+        this._spec.data = dataViewArr;
+    }
+    _initChart(spec) {
+        if (!this._compiler) return void this._option.onError("compiler is not initialized");
+        this._initData();
+        const chart = factory_1.Factory.createChart(spec.type, spec, {
+            globalInstance: this,
+            eventDispatcher: this._eventDispatcher,
+            dataSet: this._dataSet,
+            container: this._container,
+            canvas: this._canvas,
+            map: new Map,
+            mode: this._option.mode || common_1.RenderModeEnum["desktop-browser"],
+            modeParams: this._option.modeParams,
+            getCompiler: () => this._compiler,
+            performanceHook: this._option.performanceHook,
+            viewBox: this._viewBox,
+            animation: this._option.animation,
+            getTheme: () => this._currentTheme,
+            layout: this._option.layout,
+            onError: this._onError
+        });
+        chart ? (this._chart = chart, this._chart.setCanvasRect(this._curSize.width, this._curSize.height), 
+        this._chart.created(), this._chart.init({})) : this._option.onError("init chart fail");
+    }
+    _releaseData() {
+        this._dataSet && (this._dataSet.dataViewMap = {}, this._dataSet = null);
+    }
+    _bindVGrammarViewEvent() {
+        this._compiler && !this._compiler.isReleased && (this._compiler.getVGrammarView().addEventListener(constant_1.VGRAMMAR_HOOK_EVENT.ALL_ANIMATION_END, (() => {
+            this._event.emit(constant_1.ChartEvent.animationFinished, {});
+        })), this._compiler.getVGrammarView().addEventListener(constant_1.VGRAMMAR_HOOK_EVENT.AFTER_VRENDER_NEXT_RENDER, (() => {
+            this._event.emit(constant_1.ChartEvent.renderFinished, {});
+        })));
+    }
+    _bindResizeEvent() {
+        var _a;
+        if (this._autoSize) {
+            if (this._container) {
+                const ResizeObserverWindow = window.ResizeObserver;
+                this._observer = new ResizeObserverWindow(this._onResize), null === (_a = this._observer) || void 0 === _a || _a.observe(this._container);
+            }
+            window.addEventListener("resize", this._onResize);
+        }
+    }
+    _unBindResizeEvent() {
+        this._autoSize && (window.removeEventListener("resize", this._onResize), this._observer && (this._observer.disconnect(), 
+        this._observer = null));
+    }
+    _initDataSet(dataSet) {
+        dataSet instanceof vdataset_1.DataSet ? this._dataSet = dataSet : this._dataSet = new vdataset_1.DataSet, 
+        (0, register_1.registerDataSetInstanceParser)(this._dataSet, "dataview", vdataset_1.dataViewParser), 
+        (0, register_1.registerDataSetInstanceParser)(this._dataSet, "array", array_1.arrayParser), 
+        (0, register_1.registerDataSetInstanceTransform)(this._dataSet, "stackSplit", stack_split_1.stackSplit), 
+        (0, register_1.registerDataSetInstanceTransform)(this._dataSet, "copyDataView", copy_data_view_1.copyDataView);
+        for (const key in factory_1.Factory.transforms) (0, register_1.registerDataSetInstanceTransform)(this._dataSet, key, factory_1.Factory.transforms[key]);
+        for (const key in factory_1.Factory.dataParser) (0, register_1.registerDataSetInstanceParser)(this._dataSet, key, factory_1.Factory.dataParser[key]);
+    }
+    updateCustomConfigAndRerender(modifyConfig, morphConfig) {
+        return __awaiter(this, void 0, void 0, (function*() {
+            const result = modifyConfig();
+            return (0, util_1.isValid)(result) ? (this._reCompile(result), yield this.renderAsync(morphConfig), 
+            this) : this;
+        }));
+    }
+    updateCustomConfigAndRerenderSync(modifyConfig, morphConfig) {
+        const result = modifyConfig();
+        return (0, util_1.isValid)(result) ? (this._reCompile(result), this.renderSync(morphConfig), 
+        this) : this;
+    }
+    _reCompile(updateResult) {
+        var _a, _b, _c;
+        updateResult.reMake ? (this._releaseData(), this._initDataSet(), this._chart.release(), 
+        this._chart = null, null === (_a = this._compiler) || void 0 === _a || _a.releaseGrammar()) : updateResult.reCompile && (null === (_b = this._compiler) || void 0 === _b || _b.clear({
+            chart: this._chart,
+            vChart: this
+        }), null === (_c = this._compiler) || void 0 === _c || _c.compile({
+            chart: this._chart,
+            vChart: this
+        }, {}));
+    }
+    renderSync(morphConfig) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        if (!this._chart) {
+            if (null === (_b = null === (_a = this._option.performanceHook) || void 0 === _a ? void 0 : _a.beforeInitializeChart) || void 0 === _b || _b.call(_a), 
+            this._initChart(this._spec), null === (_d = null === (_c = this._option.performanceHook) || void 0 === _c ? void 0 : _c.afterInitializeChart) || void 0 === _d || _d.call(_c), 
+            !this._chart || !this._compiler) return this;
+            null === (_f = null === (_e = this._option.performanceHook) || void 0 === _e ? void 0 : _e.beforeCompileToVGrammar) || void 0 === _f || _f.call(_e), 
+            this._compiler.compile({
+                chart: this._chart,
+                vChart: this
+            }, {
+                performanceHook: this._option.performanceHook
+            }), null === (_h = null === (_g = this._option.performanceHook) || void 0 === _g ? void 0 : _g.afterCompileToVGrammar) || void 0 === _h || _h.call(_g);
+        }
+        return null === (_j = this._compiler) || void 0 === _j || _j.renderSync(morphConfig), 
+        this._option.animation && (null === (_k = this._chart) || void 0 === _k || _k.getAllRegions().forEach((region => {
+            var _a;
+            null === (_a = region.animate) || void 0 === _a || _a.updateAnimateState(interface_2.AnimationStateEnum.update, !0);
+        })), null === (_l = this._chart) || void 0 === _l || _l.getAllComponents().forEach((component => {
+            var _a;
+            null === (_a = component.animate) || void 0 === _a || _a.updateAnimateState(interface_2.AnimationStateEnum.update, !0);
+        }))), this._event.emit(constant_1.ChartEvent.rendered, {}), this;
+    }
+    renderAsync(morphConfig) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        return __awaiter(this, void 0, void 0, (function*() {
+            if (!this._chart) {
+                if (null === (_b = null === (_a = this._option.performanceHook) || void 0 === _a ? void 0 : _a.beforeInitializeChart) || void 0 === _b || _b.call(_a), 
+                this._initChart(this._spec), null === (_d = null === (_c = this._option.performanceHook) || void 0 === _c ? void 0 : _c.afterInitializeChart) || void 0 === _d || _d.call(_c), 
+                !this._chart || !this._compiler) return this;
+                null === (_f = null === (_e = this._option.performanceHook) || void 0 === _e ? void 0 : _e.beforeCompileToVGrammar) || void 0 === _f || _f.call(_e), 
+                this._compiler.compile({
+                    chart: this._chart,
+                    vChart: this
+                }, {
+                    performanceHook: this._option.performanceHook
+                }), null === (_h = null === (_g = this._option.performanceHook) || void 0 === _g ? void 0 : _g.afterCompileToVGrammar) || void 0 === _h || _h.call(_g);
+            }
+            return yield null === (_j = this._compiler) || void 0 === _j ? void 0 : _j.renderAsync(morphConfig), 
+            this._option.animation && (null === (_k = this._chart) || void 0 === _k || _k.getAllRegions().forEach((region => {
+                var _a;
+                null === (_a = region.animate) || void 0 === _a || _a.updateAnimateState(interface_2.AnimationStateEnum.update, !0);
+            })), null === (_l = this._chart) || void 0 === _l || _l.getAllComponents().forEach((component => {
+                var _a;
+                null === (_a = component.animate) || void 0 === _a || _a.updateAnimateState(interface_2.AnimationStateEnum.update, !0);
+            }))), this._event.emit(constant_1.ChartEvent.rendered, {}), this;
+        }));
+    }
+    release() {
+        var _a, _b, _c, _d;
+        (null === (_a = this._onResize) || void 0 === _a ? void 0 : _a.cancel) && this._onResize.cancel(), 
+        null === (_b = this._chart) || void 0 === _b || _b.release(), null === (_c = this._compiler) || void 0 === _c || _c.release(), 
+        null === (_d = this._eventDispatcher) || void 0 === _d || _d.release(), this._unBindResizeEvent(), 
+        this._releaseData(), this._chart = null, this._compiler = null, this._spec = null, 
+        this._event = null, this._eventDispatcher = null, instance_manager_1.InstanceManager.unregisterInstance(this);
+    }
+    updateData(id, data, options) {
+        return __awaiter(this, void 0, void 0, (function*() {
+            if ((0, util_1.isNil)(this._dataSet)) return this;
+            if (this._chart) return this._chart.updateData(id, data, !0, options), yield this._compiler.renderAsync(), 
+            this;
+            this._spec.data = (0, util_1.array)(this._spec.data);
+            const preDV = this._spec.data.find((dv => dv.name === id || dv.id === id));
+            return preDV ? preDV.id === id ? preDV.values = data : preDV.name === id && preDV.parse(data, options) : (0, 
+            vutils_1.isArray)(data) ? this._spec.data.push({
+                id: id,
+                values: data
+            }) : this._spec.data.push(data), this;
+        }));
+    }
+    updateDataInBatches(list) {
+        return __awaiter(this, void 0, void 0, (function*() {
+            return this._chart ? (list.forEach((({id: id, data: data, options: options}) => {
+                this._chart.updateData(id, data, !1, options);
+            })), this._chart.updateGlobalScaleDomain(), yield this._compiler.renderAsync(), 
+            this) : (list.forEach((({id: id, data: data, options: options}) => {
+                const preDV = this._spec.data.find((dv => dv.name === id));
+                if (preDV) preDV.parse(data, options); else {
+                    const dataView = new vdataset_1.DataView(this._dataSet, {
+                        name: id
+                    });
+                    dataView.parse(data, options), this._spec.data.push(dataView);
+                }
+            })), this);
+        }));
+    }
+    updateDataSync(id, data, options) {
+        if ((0, util_1.isNil)(this._dataSet)) return this;
+        if (this._chart) return this._chart.updateData(id, data, !0, options), this._compiler.renderSync(), 
+        this;
+        const preDV = this._spec.data.find((dv => dv.name === id));
+        if (preDV) preDV.parse(data, options); else {
+            const dataView = new vdataset_1.DataView(this._dataSet, {
+                name: id
+            });
+            dataView.parse(data, options), this._spec.data.push(dataView);
+        }
+        return this;
+    }
+    updateFullDataSync(data, reRender = !0) {
+        if (this._chart) return this._chart.updateFullData(data), reRender && this._compiler.renderSync(), 
+        this;
+        return (0, util_1.array)(data).forEach((d => {
+            const {id: id, values: values, parser: parser, fields: fields} = d, preDV = this._spec.data.find((dv => dv.name === id));
+            if (preDV) preDV.setFields(fields), preDV.parse(values, parser); else {
+                const dataView = (0, initialize_1.dataToDataView)(d, this._dataSet, this._spec.data, {
+                    onError: this._option.onError
+                });
+                this._spec.data.push(dataView);
+            }
+        })), this;
+    }
+    updateFullData(data, reRender = !0) {
+        return __awaiter(this, void 0, void 0, (function*() {
+            if (this._chart) return this._chart.updateFullData(data), reRender && (yield this._compiler.renderAsync()), 
+            this;
+            return (0, util_1.array)(data).forEach((d => {
+                const {id: id, values: values, parser: parser, fields: fields} = d, preDV = this._spec.data.find((dv => dv.name === id));
+                if (preDV) preDV.setFields(fields), preDV.parse(values, parser); else {
+                    const dataView = (0, initialize_1.dataToDataView)(d, this._dataSet, this._spec.data, {
+                        onError: this._option.onError
+                    });
+                    this._spec.data.push(dataView);
+                }
+            })), this;
+        }));
+    }
+    updateSpec(spec, forceMerge = !1, morphConfig) {
+        return __awaiter(this, void 0, void 0, (function*() {
+            return spec ? ((0, util_1.isString)(spec) && (spec = JSON.parse(spec)), forceMerge && (spec = (0, 
+            util_1.mergeSpec)({}, this._spec, spec)), yield this.updateCustomConfigAndRerender((() => {
+                var _a, _b;
+                return spec = (0, util_1.specTransform)(spec), this._spec = spec, this._updateCurrentTheme(), 
+                null === (_b = null === (_a = this._compiler) || void 0 === _a ? void 0 : _a.getVGrammarView()) || void 0 === _b || _b.updateLayoutTag(), 
+                this._chart.updateSpec(spec, morphConfig);
+            }), morphConfig), this) : this;
+        }));
+    }
+    updateSpecSync(spec, forceMerge = !1, morphConfig) {
+        return spec ? ((0, util_1.isString)(spec) && (spec = JSON.parse(spec)), forceMerge && (spec = (0, 
+        util_1.mergeSpec)({}, this._spec, spec)), this.updateCustomConfigAndRerenderSync((() => {
+            var _a, _b, _c;
+            return (spec = (0, util_1.specTransform)(spec)).data = null !== (_a = spec.data) && void 0 !== _a ? _a : [], 
+            this._spec = spec, this._updateCurrentTheme(), null === (_c = null === (_b = this._compiler) || void 0 === _b ? void 0 : _b.getVGrammarView()) || void 0 === _c || _c.updateLayoutTag(), 
+            this._chart.updateSpec(spec, morphConfig);
+        }), morphConfig), this) : this;
+    }
+    resize(width, height) {
+        var _a, _b, _c, _d, _e, _f;
+        return __awaiter(this, void 0, void 0, (function*() {
+            if (!this._chart || !this._compiler) return this;
+            const chartCanvasRect = this._chart.getCanvasRect();
+            return chartCanvasRect && chartCanvasRect.width === width && chartCanvasRect.height === height || (null === (_b = null === (_a = this._option.performanceHook) || void 0 === _a ? void 0 : _a.beforeResizeWithUpdate) || void 0 === _b || _b.call(_a), 
+            this._chart.onResize(width, height), null === (_d = null === (_c = this._option.performanceHook) || void 0 === _c ? void 0 : _c.afterResizeWithUpdate) || void 0 === _d || _d.call(_c), 
+            yield null === (_f = (_e = this._compiler).resize) || void 0 === _f ? void 0 : _f.call(_e, width, height)), 
+            this;
+        }));
+    }
+    updateViewBox(viewBox, reRender = !0, reLayout = !0) {
+        var _a;
+        return this._chart && this._compiler ? (this._viewBox = viewBox, this._chart.updateViewBox(viewBox, reLayout), 
+        reLayout && (this._compiler.renderSync(), null === (_a = this._chart) || void 0 === _a || _a.onEvaluateEnd()), 
+        this._compiler.updateViewBox(viewBox, reRender), this) : this;
+    }
+    on(eType, query, handler) {
+        var _a;
+        null === (_a = this._event) || void 0 === _a || _a.on(eType, query, handler);
+    }
+    off(eType, handler) {
+        var _a;
+        null === (_a = this._event) || void 0 === _a || _a.off(eType, handler);
+    }
+    updateState(state, filter) {
+        this._chart && this._chart.updateState(state, filter);
+    }
+    setSelected(datum, filter, region) {
+        this._chart && this._chart.setSelected(datum, filter, region);
+    }
+    setHovered(datum, filter, region) {
+        this._chart && this._chart.setHovered(datum, filter, region);
+    }
+    _updateCurrentTheme() {
+        var _a, _b, _c, _d;
+        const userTheme = null !== (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.theme) && void 0 !== _b ? _b : this._option.theme;
+        if ((0, util_1.isString)(userTheme)) {
+            const theme = (0, util_1.mergeTheme)({}, theme_manager_1.ThemeManager.getTheme(userTheme));
+            this._currentTheme = (0, util_1.preprocessSpecOrTheme)(theme, theme.colorScheme), 
+            this._currentThemeName = userTheme;
+        } else {
+            const theme = (0, util_1.mergeTheme)({}, theme_manager_1.ThemeManager.getTheme(this._currentThemeName), null != userTheme ? userTheme : {});
+            this._currentTheme = (0, util_1.preprocessSpecOrTheme)(theme, theme.colorScheme);
+        }
+        (0, vrender_components_1.setPoptipTheme)((0, util_1.preprocessSpecOrTheme)((0, util_1.mergeSpec)({}, null === (_c = this._currentTheme.component) || void 0 === _c ? void 0 : _c.poptip))), 
+        null === (_d = this._compiler) || void 0 === _d || _d.setBackground(this._getBackground());
+    }
+    _getBackground() {
+        return ("string" == typeof this._spec.background ? this._spec.background : null) || this._currentTheme.background || this._option.background;
+    }
+    getCurrentTheme() {
+        return this._currentTheme;
+    }
+    getCurrentThemeName() {
+        return this._currentThemeName;
+    }
+    setCurrentTheme(name) {
+        return __awaiter(this, void 0, void 0, (function*() {
+            return theme_manager_1.ThemeManager.themeExist(name) ? (yield this.updateCustomConfigAndRerender((() => {
+                var _a;
+                return this._currentThemeName = name, this._updateCurrentTheme(), null === (_a = this._chart) || void 0 === _a || _a.setCurrentTheme(this._currentTheme, !0), 
+                {
+                    change: !0,
+                    reMake: !1
+                };
+            })), this) : this;
+        }));
+    }
+    setCurrentThemeSync(name) {
+        return theme_manager_1.ThemeManager.themeExist(name) ? (this.updateCustomConfigAndRerenderSync((() => {
+            var _a;
+            return this._currentThemeName = name, this._updateCurrentTheme(), null === (_a = this._chart) || void 0 === _a || _a.setCurrentTheme(this._currentTheme, !0), 
+            {
+                change: !0,
+                reMake: !1
+            };
+        })), this) : this;
+    }
+    _getTooltipComponent() {
+        var _a;
+        return null === (_a = this._chart) || void 0 === _a ? void 0 : _a.getAllComponents().find((c => c.type === interface_1.ComponentTypeEnum.tooltip));
+    }
+    setTooltipHandler(tooltipHandler) {
+        var _a, _b;
+        this._context.tooltipHandler = tooltipHandler;
+        const tooltip = this._getTooltipComponent();
+        tooltip && (null === (_b = null === (_a = tooltip.tooltipHandler) || void 0 === _a ? void 0 : _a.release) || void 0 === _b || _b.call(_a), 
+        tooltip.tooltipHandler = tooltipHandler);
+    }
+    getTooltipHandlerByUser() {
+        var _a;
+        return null === (_a = this._context) || void 0 === _a ? void 0 : _a.tooltipHandler;
+    }
+    getTooltipHandler() {
+        const tooltip = this._getTooltipComponent();
+        return tooltip ? tooltip.tooltipHandler : this._context.tooltipHandler;
+    }
+    showTooltip(datum, options) {
+        var _a;
+        const tooltip = this._getTooltipComponent();
+        return null !== (_a = (0, util_1.isValid)(datum) && "none" !== (null == tooltip ? void 0 : tooltip.showTooltip(datum, options))) && void 0 !== _a && _a;
+    }
+    hideTooltip() {
+        var _a;
+        const tooltip = this._getTooltipComponent();
+        return null !== (_a = null == tooltip ? void 0 : tooltip.hideTooltip()) && void 0 !== _a && _a;
+    }
+    getLegendDataById(id) {
+        var _a;
+        const legendComponent = null === (_a = this._chart) || void 0 === _a ? void 0 : _a.getComponentByUserId(id);
+        return legendComponent ? legendComponent.getLegendData() : [];
+    }
+    getLegendDataByIndex(index = 0) {
+        var _a;
+        const legends = null === (_a = this._chart) || void 0 === _a ? void 0 : _a.getAllComponents().filter((c => c.type === interface_1.ComponentTypeEnum.discreteLegend));
+        return legends[index] ? legends[index].getLegendData() : [];
+    }
+    getLegendSelectedDataById(id) {
+        var _a;
+        const legendComponent = null === (_a = this._chart) || void 0 === _a ? void 0 : _a.getComponentByUserId(id);
+        return legendComponent ? legendComponent.getSelectedData() : [];
+    }
+    getLegendSelectedDataByIndex(index = 0) {
+        var _a;
+        const legends = null === (_a = this._chart) || void 0 === _a ? void 0 : _a.getAllComponents().filter((c => c.type === interface_1.ComponentTypeEnum.discreteLegend));
+        return legends[index] ? legends[index].getSelectedData() : [];
+    }
+    setLegendSelectedDataById(id, selectedData) {
+        var _a;
+        const legendComponent = null === (_a = this._chart) || void 0 === _a ? void 0 : _a.getComponentByUserId(id);
+        legendComponent && legendComponent.setSelectedData(selectedData);
+    }
+    setLegendSelectedDataByIndex(index = 0, selectedData) {
+        var _a;
+        const legends = null === (_a = this._chart) || void 0 === _a ? void 0 : _a.getAllComponents().filter((c => c.type === interface_1.ComponentTypeEnum.discreteLegend));
+        legends[index] && legends[index].setSelectedData(selectedData);
+    }
+    getDataURL() {
+        return __awaiter(this, void 0, void 0, (function*() {
+            const stage = this.getStage();
+            if (this._chart && stage) {
+                stage.render();
+                const canvas = this._chart.getCanvas();
+                return yield (0, image_1.getCanvasDataURL)(canvas, {
+                    onError: this._onError
+                });
+            }
+            return this._option.onError(new ReferenceError("render is not defined")), null;
+        }));
+    }
+    exportImg(name) {
+        return __awaiter(this, void 0, void 0, (function*() {
+            if (!(0, util_1.isTrueBrowser)(this._option.mode)) return void this._option.onError(new TypeError("non-browser environment can not export img"));
+            const dataURL = yield this.getDataURL();
+            dataURL ? (0, image_1.URLToImage)(name, dataURL) : this._option.onError(new ReferenceError("render is not defined"));
+        }));
+    }
+    getImageBuffer() {
+        if ("node" !== this._option.mode) return void this._option.onError(new TypeError("getImageBuffer() now only support node environment."));
+        const stage = this.getStage();
+        if (stage) {
+            stage.render();
+            return stage.window.getImageBuffer();
+        }
+        return this._option.onError(new ReferenceError("render is not defined")), null;
+    }
+    setLayout(layout) {
+        var _a;
+        this._option.layout = layout, null === (_a = this._chart) || void 0 === _a || _a.setLayout(layout);
+    }
+    reLayout() {
+        var _a;
+        null === (_a = this._chart) || void 0 === _a || _a.setLayoutTag(!0);
+    }
+    getCompiler() {
+        return this._compiler;
+    }
+    getChart() {
+        return this._chart;
+    }
+    getStage() {
+        return this._compiler.getStage();
+    }
+    getCanvas() {
+        var _a;
+        return null === (_a = this._compiler) || void 0 === _a ? void 0 : _a.getCanvas();
+    }
+    getContainer() {
+        var _a;
+        if ((0, util_1.isValid)(this._container)) return this._container;
+        let canvasNode;
+        return canvasNode = (0, util_1.isString)(this._canvas) ? null === document || void 0 === document ? void 0 : document.getElementById(this._canvas) : this._canvas, 
+        (0, util_1.isValid)(canvasNode) ? canvasNode.parentElement : null === (_a = this.getCanvas()) || void 0 === _a ? void 0 : _a.parentElement;
+    }
+    getComponents() {
+        return this._chart.getAllComponents();
+    }
+    setDimensionIndex(value, opt = {}) {
+        var _a;
+        return null === (_a = this._chart) || void 0 === _a ? void 0 : _a.setDimensionIndex(value, opt);
+    }
+    stopAnimation() {
+        var _a, _b, _c;
+        null === (_c = null === (_b = null === (_a = this._compiler) || void 0 === _a ? void 0 : _a.getVGrammarView()) || void 0 === _b ? void 0 : _b.animate) || void 0 === _c || _c.stop();
+    }
+    pauseAnimation() {
+        var _a, _b, _c;
+        null === (_c = null === (_b = null === (_a = this._compiler) || void 0 === _a ? void 0 : _a.getVGrammarView()) || void 0 === _b ? void 0 : _b.animate) || void 0 === _c || _c.pause();
+    }
+    resumeAnimation() {
+        var _a, _b, _c;
+        null === (_c = null === (_b = null === (_a = this._compiler) || void 0 === _a ? void 0 : _a.getVGrammarView()) || void 0 === _b ? void 0 : _b.animate) || void 0 === _c || _c.resume();
+    }
+    convertDatumToPosition(datum, dataLinkInfo = {}, isRelativeToCanvas = !1) {
+        var _a;
+        if (!this._chart) return null;
+        if ((0, vutils_1.isEmpty)(datum)) return null;
+        const {seriesId: seriesId, seriesIndex: seriesIndex = 0} = dataLinkInfo;
+        let series;
+        if ((0, util_1.isValid)(seriesId) ? series = this._chart.getSeriesInUserId(seriesId) : (0, 
+        util_1.isValid)(seriesIndex) && (series = null === (_a = this._chart.getSeriesInIndex([ seriesIndex ])) || void 0 === _a ? void 0 : _a[0]), 
+        series) {
+            const keys = Object.keys(datum), handledDatum = series.getViewData().latestData.find((viewDatum => keys.every((k => viewDatum[k] == datum[k])))), seriesLayoutStartPoint = series.getLayoutStartPoint();
+            let point;
+            return point = handledDatum ? series.dataToPosition(handledDatum) : series.dataToPosition(datum), 
+            (0, util_1.convertPoint)(point, seriesLayoutStartPoint, isRelativeToCanvas);
+        }
+        return null;
+    }
+    convertValueToPosition(value, dataLinkInfo, isRelativeToCanvas = !1) {
+        var _a, _b;
+        if (!this._chart || (0, util_1.isNil)(value) || (0, vutils_1.isEmpty)(dataLinkInfo)) return null;
+        if (!(0, vutils_1.isArray)(value)) {
+            const {axisId: axisId, axisIndex: axisIndex} = dataLinkInfo;
+            let axis;
+            if ((0, util_1.isValid)(axisId) ? axis = this._chart.getComponentsByKey("axes").find((s => s.userId === axisId)) : (0, 
+            util_1.isValid)(axisIndex) && (axis = null === (_a = this._chart.getComponentsByKey("axes")) || void 0 === _a ? void 0 : _a[axisIndex]), 
+            !axis) return (0, util_1.warn)("Please check whether the `axisId` or `axisIndex` is set!"), 
+            null;
+            const pointValue = null == axis ? void 0 : axis.valueToPosition(value);
+            if (isRelativeToCanvas) {
+                const axisLayoutStartPoint = axis.getLayoutStartPoint(), axisOrient = axis.getOrient();
+                return pointValue + ("bottom" === axisOrient || "top" === axisOrient ? axisLayoutStartPoint.x : axisLayoutStartPoint.y);
+            }
+            return pointValue;
+        }
+        const {seriesId: seriesId, seriesIndex: seriesIndex} = dataLinkInfo;
+        let series;
+        return (0, util_1.isValid)(seriesId) ? series = this._chart.getSeriesInUserId(seriesId) : (0, 
+        util_1.isValid)(seriesIndex) && (series = null === (_b = this._chart.getSeriesInIndex([ seriesIndex ])) || void 0 === _b ? void 0 : _b[0]), 
+        series ? (0, util_1.convertPoint)(series.valueToPosition(value[0], value[1]), series.getLayoutStartPoint(), isRelativeToCanvas) : ((0, 
+        util_1.warn)("Please check whether the `seriesId` or `seriesIndex` is set!"), null);
+    }
+}
+
+exports.VChart = VChart, VChart.InstanceManager = instance_manager_1.InstanceManager, 
+VChart.ThemeManager = theme_manager_1.ThemeManager, VChart.globalConfig = {
+    uniqueTooltip: !0
+};
+//# sourceMappingURL=vchart.js.map