@visactor/vchart 1.10.0-alpha.4 → 1.10.0-alpha.5

package/esm/mark/index.d.ts

@@ -13,10 +13,9 @@ import { Arc3dMark } from './arc-3d';
 import { ComponentMark } from './component';
 import { LinkPathMark } from './link-path';
 import { RippleMark } from './ripple';
-import { ProgressArcMark } from './progress-arc';
 import { CellMark } from './cell';
 import { BaseMark } from './base';
 import { PolygonMark } from './polygon/polygon';
 import { Pyramid3dMark } from './polygon/pyramid-3d';
-export type { IBoxPlotMarkSpec, ILineMarkSpec, ISymbolMarkSpec, IGroupMarkSpec, IRuleMarkSpec, ITextMarkSpec, IAreaMarkSpec, IRect3dMarkSpec, IRectMarkSpec, IPathMarkSpec, IArcMarkSpec, IArc3dMarkSpec, ICommonSpec, IPolygonMarkSpec, IPyramid3dMarkSpec, ILinkPathMarkSpec, IRippleMarkSpec, IProgressArcMarkSpec, ConvertToMarkStyleSpec, ICellMarkSpec } from '../typings/visual';
-export { BoxPlotMark, LineMark, SymbolMark, GroupMark, RuleMark, TextMark, AreaMark, Rect3dMark, RectMark, PathMark, Arc3dMark, ArcMark, ComponentMark, PolygonMark, Pyramid3dMark, LinkPathMark, RippleMark, ProgressArcMark, CellMark, BaseMark };
+export type { IBoxPlotMarkSpec, ILineMarkSpec, ISymbolMarkSpec, IGroupMarkSpec, IRuleMarkSpec, ITextMarkSpec, IAreaMarkSpec, IRect3dMarkSpec, IRectMarkSpec, IPathMarkSpec, IArcMarkSpec, IArc3dMarkSpec, ICommonSpec, IPolygonMarkSpec, IPyramid3dMarkSpec, ILinkPathMarkSpec, IRippleMarkSpec, ConvertToMarkStyleSpec, ICellMarkSpec } from '../typings/visual';
+export { BoxPlotMark, LineMark, SymbolMark, GroupMark, RuleMark, TextMark, AreaMark, Rect3dMark, RectMark, PathMark, Arc3dMark, ArcMark, ComponentMark, PolygonMark, Pyramid3dMark, LinkPathMark, RippleMark, CellMark, BaseMark };

package/esm/mark/index.js

@@ -28,8 +28,6 @@ import { LinkPathMark } from "./link-path";
 
 import { RippleMark } from "./ripple";
 
-import { ProgressArcMark } from "./progress-arc";
-
 import { CellMark } from "./cell";
 
 import { BaseMark } from "./base";
@@ -38,5 +36,5 @@ import { PolygonMark } from "./polygon/polygon";
 
 import { Pyramid3dMark } from "./polygon/pyramid-3d";
 
-export { BoxPlotMark, LineMark, SymbolMark, GroupMark, RuleMark, TextMark, AreaMark, Rect3dMark, RectMark, PathMark, Arc3dMark, ArcMark, ComponentMark, PolygonMark, Pyramid3dMark, LinkPathMark, RippleMark, ProgressArcMark, CellMark, BaseMark };
+export { BoxPlotMark, LineMark, SymbolMark, GroupMark, RuleMark, TextMark, AreaMark, Rect3dMark, RectMark, PathMark, Arc3dMark, ArcMark, ComponentMark, PolygonMark, Pyramid3dMark, LinkPathMark, RippleMark, CellMark, BaseMark };
 //# sourceMappingURL=index.js.map

package/esm/mark/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAyBrD,OAAO,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,EACP,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,UAAU,EACV,eAAe,EACf,QAAQ,EACR,QAAQ,EACT,CAAC","file":"index.js","sourcesContent":["/* eslint-disable no-duplicate-imports */\n/**\n * @description export all mark modules\n */\nimport { BoxPlotMark } from './box-plot';\nimport { LineMark } from './line';\nimport { SymbolMark } from './symbol';\nimport { GroupMark } from './group';\nimport { RuleMark } from './rule';\nimport { TextMark } from './text';\nimport { AreaMark } from './area';\nimport { RectMark } from './rect';\nimport { Rect3dMark } from './rect-3d';\nimport { PathMark } from './path';\nimport { ArcMark } from './arc';\nimport { Arc3dMark } from './arc-3d';\nimport { ComponentMark } from './component';\nimport { LinkPathMark } from './link-path';\nimport { RippleMark } from './ripple';\nimport { ProgressArcMark } from './progress-arc';\nimport { CellMark } from './cell';\nimport { BaseMark } from './base';\nimport { PolygonMark } from './polygon/polygon';\nimport { Pyramid3dMark } from './polygon/pyramid-3d';\n\nexport type {\n  IBoxPlotMarkSpec,\n  ILineMarkSpec,\n  ISymbolMarkSpec,\n  IGroupMarkSpec,\n  IRuleMarkSpec,\n  ITextMarkSpec,\n  IAreaMarkSpec,\n  IRect3dMarkSpec,\n  IRectMarkSpec,\n  IPathMarkSpec,\n  IArcMarkSpec,\n  IArc3dMarkSpec,\n  ICommonSpec,\n  IPolygonMarkSpec,\n  IPyramid3dMarkSpec,\n  ILinkPathMarkSpec,\n  IRippleMarkSpec,\n  IProgressArcMarkSpec,\n  ConvertToMarkStyleSpec,\n  ICellMarkSpec\n} from '../typings/visual';\n\nexport {\n  BoxPlotMark,\n  LineMark,\n  SymbolMark,\n  GroupMark,\n  RuleMark,\n  TextMark,\n  AreaMark,\n  Rect3dMark,\n  RectMark,\n  PathMark,\n  Arc3dMark,\n  ArcMark,\n  ComponentMark,\n  PolygonMark,\n  Pyramid3dMark,\n  LinkPathMark,\n  RippleMark,\n  ProgressArcMark,\n  CellMark,\n  BaseMark\n};\n"]}
+{"version":3,"sources":["../src/mark/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAwBrD,OAAO,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,EACP,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,QAAQ,EACT,CAAC","file":"index.js","sourcesContent":["/* eslint-disable no-duplicate-imports */\n/**\n * @description export all mark modules\n */\nimport { BoxPlotMark } from './box-plot';\nimport { LineMark } from './line';\nimport { SymbolMark } from './symbol';\nimport { GroupMark } from './group';\nimport { RuleMark } from './rule';\nimport { TextMark } from './text';\nimport { AreaMark } from './area';\nimport { RectMark } from './rect';\nimport { Rect3dMark } from './rect-3d';\nimport { PathMark } from './path';\nimport { ArcMark } from './arc';\nimport { Arc3dMark } from './arc-3d';\nimport { ComponentMark } from './component';\nimport { LinkPathMark } from './link-path';\nimport { RippleMark } from './ripple';\nimport { CellMark } from './cell';\nimport { BaseMark } from './base';\nimport { PolygonMark } from './polygon/polygon';\nimport { Pyramid3dMark } from './polygon/pyramid-3d';\n\nexport type {\n  IBoxPlotMarkSpec,\n  ILineMarkSpec,\n  ISymbolMarkSpec,\n  IGroupMarkSpec,\n  IRuleMarkSpec,\n  ITextMarkSpec,\n  IAreaMarkSpec,\n  IRect3dMarkSpec,\n  IRectMarkSpec,\n  IPathMarkSpec,\n  IArcMarkSpec,\n  IArc3dMarkSpec,\n  ICommonSpec,\n  IPolygonMarkSpec,\n  IPyramid3dMarkSpec,\n  ILinkPathMarkSpec,\n  IRippleMarkSpec,\n  ConvertToMarkStyleSpec,\n  ICellMarkSpec\n} from '../typings/visual';\n\nexport {\n  BoxPlotMark,\n  LineMark,\n  SymbolMark,\n  GroupMark,\n  RuleMark,\n  TextMark,\n  AreaMark,\n  Rect3dMark,\n  RectMark,\n  PathMark,\n  Arc3dMark,\n  ArcMark,\n  ComponentMark,\n  PolygonMark,\n  Pyramid3dMark,\n  LinkPathMark,\n  RippleMark,\n  CellMark,\n  BaseMark\n};\n"]}

package/esm/mark/interface/type.d.ts

@@ -16,7 +16,6 @@ export declare const enum MarkTypeEnum {
     pyramid3d = "pyramid3d",
     boxPlot = "boxPlot",
     linkPath = "linkPath",
-    progressArc = "progressArc",
     cell = "cell",
     ripple = "ripple",
     liquid = "liquid",

package/esm/mark/interface/type.js

@@ -6,8 +6,7 @@ export var MarkTypeEnum;
     MarkTypeEnum.rect3d = "rect3d", MarkTypeEnum.image = "image", MarkTypeEnum.path = "path", 
     MarkTypeEnum.area = "area", MarkTypeEnum.arc = "arc", MarkTypeEnum.arc3d = "arc3d", 
     MarkTypeEnum.polygon = "polygon", MarkTypeEnum.pyramid3d = "pyramid3d", MarkTypeEnum.boxPlot = "boxPlot", 
-    MarkTypeEnum.linkPath = "linkPath", MarkTypeEnum.progressArc = "progressArc", MarkTypeEnum.cell = "cell", 
-    MarkTypeEnum.ripple = "ripple", MarkTypeEnum.liquid = "liquid", MarkTypeEnum.component = "component", 
-    MarkTypeEnum.label = "label";
+    MarkTypeEnum.linkPath = "linkPath", MarkTypeEnum.cell = "cell", MarkTypeEnum.ripple = "ripple", 
+    MarkTypeEnum.liquid = "liquid", MarkTypeEnum.component = "component", MarkTypeEnum.label = "label";
 }(MarkTypeEnum || (MarkTypeEnum = {}));
 //# sourceMappingURL=type.js.map

package/esm/mark/interface/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/interface/type.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAkB,YAyBjB;AAzBD,WAAkB,YAAY;IAC5B,+BAAe,CAAA;IAEf,iCAAiB,CAAA;IACjB,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,iCAAiB,CAAA;IACjB,+BAAe,CAAA;IACf,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,2BAAW,CAAA;IACX,+BAAe,CAAA;IACf,mCAAmB,CAAA;IACnB,uCAAuB,CAAA;IACvB,mCAAmB,CAAA;IACnB,qCAAqB,CAAA;IACrB,2CAA2B,CAAA;IAC3B,6BAAa,CAAA;IACb,iCAAiB,CAAA;IACjB,iCAAiB,CAAA;IAEjB,uCAAuB,CAAA;IACvB,+BAAe,CAAA;AACjB,CAAC,EAzBiB,YAAY,KAAZ,YAAY,QAyB7B","file":"type.js","sourcesContent":["export type MarkType = keyof typeof MarkTypeEnum | string;\n\nexport const enum MarkTypeEnum {\n  group = 'group',\n\n  symbol = 'symbol',\n  rule = 'rule',\n  line = 'line',\n  text = 'text',\n  rect = 'rect',\n  rect3d = 'rect3d',\n  image = 'image',\n  path = 'path',\n  area = 'area',\n  arc = 'arc',\n  arc3d = 'arc3d',\n  polygon = 'polygon',\n  pyramid3d = 'pyramid3d',\n  boxPlot = 'boxPlot',\n  linkPath = 'linkPath',\n  progressArc = 'progressArc',\n  cell = 'cell',\n  ripple = 'ripple',\n  liquid = 'liquid',\n\n  component = 'component',\n  label = 'label'\n}\n"]}
+{"version":3,"sources":["../src/mark/interface/type.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAkB,YAwBjB;AAxBD,WAAkB,YAAY;IAC5B,+BAAe,CAAA;IAEf,iCAAiB,CAAA;IACjB,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,iCAAiB,CAAA;IACjB,+BAAe,CAAA;IACf,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,2BAAW,CAAA;IACX,+BAAe,CAAA;IACf,mCAAmB,CAAA;IACnB,uCAAuB,CAAA;IACvB,mCAAmB,CAAA;IACnB,qCAAqB,CAAA;IACrB,6BAAa,CAAA;IACb,iCAAiB,CAAA;IACjB,iCAAiB,CAAA;IAEjB,uCAAuB,CAAA;IACvB,+BAAe,CAAA;AACjB,CAAC,EAxBiB,YAAY,KAAZ,YAAY,QAwB7B","file":"type.js","sourcesContent":["export type MarkType = keyof typeof MarkTypeEnum | string;\n\nexport const enum MarkTypeEnum {\n  group = 'group',\n\n  symbol = 'symbol',\n  rule = 'rule',\n  line = 'line',\n  text = 'text',\n  rect = 'rect',\n  rect3d = 'rect3d',\n  image = 'image',\n  path = 'path',\n  area = 'area',\n  arc = 'arc',\n  arc3d = 'arc3d',\n  polygon = 'polygon',\n  pyramid3d = 'pyramid3d',\n  boxPlot = 'boxPlot',\n  linkPath = 'linkPath',\n  cell = 'cell',\n  ripple = 'ripple',\n  liquid = 'liquid',\n\n  component = 'component',\n  label = 'label'\n}\n"]}

package/esm/plugin/chart/formatter/formatter.d.ts

@@ -0,0 +1,28 @@
+import { BasePlugin } from '../../base/base-plugin';
+import { IChartPlugin, IChartPluginService } from '../interface';
+export declare class FormatterPlugin extends BasePlugin implements IChartPlugin {
+    static readonly pluginType: 'chart';
+    static readonly specKey = "formatter";
+    static readonly type: string;
+    readonly type: string;
+    private readonly _timeModeFormat;
+    protected _spec: {
+        timeMode: 'utc' | 'local';
+        customFormatter: (specifier: string, text: string | number | string[] | number[], datum: any) => string | string[];
+        numericFormatter: (specifier: string, text: string | number | string[] | number[]) => string;
+        timeFormatter: (specifier: string, text: string | number | string[] | number[]) => string;
+    };
+    protected _formatter: (text: string | number | string[] | number[], datum: any, formatter: string | string[]) => string | number | (string | number)[];
+    private _timeFormatter;
+    private _numericFormatter;
+    private _numericSpecifier;
+    private _numericFormatterCache;
+    private _isNumericFormatterCache;
+    constructor();
+    onInit(service: IChartPluginService, chartSpec: any): void;
+    protected _format(text: string | number | string[] | number[], datum: any, formatter: string | string[]): string | number | (string | number)[];
+    protected _formatSingleLine(text: string | number, datum: any, formatter: string): string | number;
+    protected _formatSingleText(text: string | number, formatter: string): string | number;
+    dispose(): void;
+}
+export declare const registerFormatPlugin: () => void;

package/esm/plugin/chart/formatter/formatter.js

@@ -0,0 +1,71 @@
+import { isFunction, isArray, TimeUtil, NumberUtil, numberSpecifierReg } from "@visactor/vutils";
+
+import { BasePlugin } from "../../base/base-plugin";
+
+import { Factory, registerChartPlugin } from "../../../core";
+
+const bracketReg = /\{([^}]+)\}/, bracketGReg = /\{([^}]+)\}/g, semicolonReg = /:/;
+
+export class FormatterPlugin extends BasePlugin {
+    constructor() {
+        super(FormatterPlugin.type), this.type = "formatterPlugin", this._timeModeFormat = {
+            utc: TimeUtil.getInstance().timeUTCFormat,
+            local: TimeUtil.getInstance().timeFormat
+        }, this._formatter = this._format, this._timeFormatter = this._timeModeFormat.local, 
+        this._numericFormatter = NumberUtil.getInstance().format, this._numericSpecifier = NumberUtil.getInstance().formatter, 
+        this._numericFormatterCache = new Map, this._isNumericFormatterCache = new Map;
+    }
+    onInit(service, chartSpec) {
+        var _a;
+        const {globalInstance: globalInstance} = service;
+        if (!globalInstance) return;
+        this._spec = null !== (_a = null == chartSpec ? void 0 : chartSpec[FormatterPlugin.specKey]) && void 0 !== _a ? _a : {};
+        const {timeMode: timeMode, customFormatter: customFormatter, numericFormatter: numericFormatter, timeFormatter: timeFormatter} = this._spec;
+        isFunction(customFormatter) ? this._formatter = customFormatter : (this._formatter = this._format.bind(this), 
+        isFunction(timeFormatter) ? this._timeFormatter = timeFormatter : timeMode && this._timeModeFormat[timeMode] && (this._timeFormatter = this._timeModeFormat[timeMode]), 
+        numericFormatter && (this._numericFormatter = numericFormatter, this._numericSpecifier = null, 
+        this._numericFormatterCache = null)), Factory.registerFormatter(this._formatter);
+    }
+    _format(text, datum, formatter) {
+        return isArray(text) ? text.map(((t, i) => {
+            const f = isArray(formatter) ? formatter[i] : formatter;
+            return f ? this._formatSingleLine(t, datum, f) : t;
+        })) : isArray(formatter) ? formatter.map((f => this._formatSingleLine(text, datum, f))) : this._formatSingleLine(text, datum, formatter);
+    }
+    _formatSingleLine(text, datum, formatter) {
+        let isTemplate;
+        if (this._isNumericFormatterCache && (this._isNumericFormatterCache.get(formatter) ? isTemplate = this._isNumericFormatterCache.get(formatter) : (isTemplate = bracketReg.test(formatter), 
+        this._isNumericFormatterCache.set(formatter, isTemplate))), isTemplate) {
+            return formatter.replace(bracketGReg, ((match, key) => {
+                if (semicolonReg.test(key)) {
+                    const parts = key.split(":"), value = datum[parts.shift()], valueFormatter = parts.join(":");
+                    return this._formatSingleText(value, valueFormatter);
+                }
+                {
+                    const value = datum[key.trim()];
+                    return void 0 !== value ? value : match;
+                }
+            }));
+        }
+        return this._formatSingleText(text, formatter);
+    }
+    _formatSingleText(text, formatter) {
+        if (numberSpecifierReg.test(formatter) && this._numericFormatter) {
+            let numericFormat;
+            return this._numericFormatterCache && this._numericSpecifier ? (this._numericFormatterCache.get(formatter) ? numericFormat = this._numericFormatterCache.get(formatter) : (numericFormat = this._numericSpecifier(formatter), 
+            this._numericFormatterCache.set(formatter, numericFormat)), numericFormat(Number(text))) : this._numericFormatter(formatter, Number(text));
+        }
+        return formatter.includes("%") && this._timeFormatter ? this._timeFormatter(formatter, text) : text;
+    }
+    dispose() {
+        this._format = null, this._timeFormatter = null, this._numericFormatter = null, 
+        this._numericSpecifier = null, this._numericFormatterCache = null, this._isNumericFormatterCache = null;
+    }
+}
+
+FormatterPlugin.pluginType = "chart", FormatterPlugin.specKey = "formatter", FormatterPlugin.type = "formatterPlugin";
+
+export const registerFormatPlugin = () => {
+    registerChartPlugin(FormatterPlugin);
+};
+//# sourceMappingURL=formatter.js.map

package/esm/plugin/chart/formatter/formatter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/chart/formatter/formatter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEjG,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGpD,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,UAAU,GAAG,aAAa,CAAC;AACjC,MAAM,WAAW,GAAG,cAAc,CAAC;AAEnC,MAAM,YAAY,GAAG,GAAG,CAAC;AAEzB,MAAM,OAAO,eAAgB,SAAQ,UAAU;IA8B7C;QACE,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAzBrB,SAAI,GAAW,iBAAiB,CAAC;QAEzB,oBAAe,GAAG;YACjC,GAAG,EAAE,QAAQ,CAAC,WAAW,EAAE,CAAC,aAAa;YACzC,KAAK,EAAE,QAAQ,CAAC,WAAW,EAAE,CAAC,UAAU;SACzC,CAAC;QASQ,eAAU,GAAG,IAAI,CAAC,OAAO,CAAC;QAE5B,mBAAc,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC;QAC5C,sBAAiB,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC,MAAM,CAAC;QAGpD,sBAAiB,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC;QACvD,2BAAsB,GAAG,IAAI,GAAG,EAAe,CAAC;QAChD,6BAAwB,GAAG,IAAI,GAAG,EAAmB,CAAC;IAI9D,CAAC;IAED,MAAM,CAAC,OAA4B,EAAE,SAAc;;QACjD,MAAM,EAAE,cAAc,EAAE,GAAG,OAAO,CAAC;QACnC,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO;SACR;QACD,IAAI,CAAC,KAAK,GAAG,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,eAAe,CAAC,OAAO,CAAC,mCAAI,EAAE,CAAC;QACxD,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,gBAAgB,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAElF,IAAI,UAAU,CAAC,eAAe,CAAC,EAAE;YAC/B,IAAI,CAAC,UAAU,GAAG,eAAe,CAAC;SACnC;aAAM;YACL,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC1C,IAAI,UAAU,CAAC,aAAa,CAAC,EAAE;gBAC7B,IAAI,CAAC,cAAc,GAAG,aAAa,CAAC;aACrC;iBAAM,IAAI,QAAQ,IAAI,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE;gBACrD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;aACtD;YAED,IAAI,gBAAgB,EAAE;gBACpB,IAAI,CAAC,iBAAiB,GAAG,gBAAgB,CAAC;gBAC1C,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;gBAC9B,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;aACpC;SACF;QACD,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC7C,CAAC;IAES,OAAO,CAAC,IAA2C,EAAE,KAAU,EAAE,SAA4B;QACrG,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE;YACjB,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACvB,MAAM,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;gBACxD,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACrD,CAAC,CAAC,CAAC;SACJ;QAED,IAAI,OAAO,CAAC,SAAS,CAAC,EAAE;YACtB,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;SACnE;aAAM;YACL,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;SACvD;IACH,CAAC;IAES,iBAAiB,CAAC,IAAqB,EAAE,KAAU,EAAE,SAAiB;QAC9E,IAAI,UAAU,CAAC;QACf,IAAI,IAAI,CAAC,wBAAwB,EAAE;YACjC,IAAI,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;gBAChD,UAAU,GAAG,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;aAC3D;iBAAM;gBACL,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;gBACxC,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;aAC1D;SACF;QACD,IAAI,UAAU,EAAE;YACd,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAC3D,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBAC5C,IAAI,CAAC,YAAY,EAAE;oBACjB,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;oBAChC,OAAO,OAAO,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;iBACrD;qBAAM;oBACL,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;oBAC7B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;oBACnC,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;oBACvC,OAAO,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;iBACtD;YACH,CAAC,CAAC,CAAC;YACH,OAAO,MAAM,CAAC;SACf;aAAM;YACL,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;SAChD;IACH,CAAC;IAES,iBAAiB,CAAC,IAAqB,EAAE,SAAiB;QAClE,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACrD,IAAI,SAAS,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAEvC,IAAI,aAAa,CAAC;YAClB,IAAI,IAAI,CAAC,sBAAsB,IAAI,IAAI,CAAC,iBAAiB,EAAE;gBACzD,IAAI,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;oBAC9C,aAAa,GAAG,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;iBAC5D;qBAAM;oBACL,aAAa,GAAG,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAQ,CAAC;oBACzD,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;iBAC3D;gBACD,OAAO,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;aACpC;YACD,OAAO,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;SACxD;aAAM,IAAI,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,cAAc,EAAE;YACzD,OAAO,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;SAC7C;aAAM;YACL,OAAO,IAAI,CAAC;SACb;IACH,CAAC;IAED,OAAO;QACL,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC;IACvC,CAAC;;AArIe,0BAAU,GAAY,OAAO,CAAC;AAE9B,uBAAO,GAAG,WAAW,CAAC;AAEtB,oBAAI,GAAW,iBAAiB,CAAC;AAoInD,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,mBAAmB,CAAC,eAAe,CAAC,CAAC;AACvC,CAAC,CAAC","file":"formatter.js","sourcesContent":["import { isFunction, isArray, TimeUtil, NumberUtil, numberSpecifierReg } from '@visactor/vutils';\n\nimport { BasePlugin } from '../../base/base-plugin';\n\nimport { IChartPlugin, IChartPluginService } from '../interface';\nimport { Factory, registerChartPlugin } from '../../../core';\n\nconst bracketReg = /\\{([^}]+)\\}/;\nconst bracketGReg = /\\{([^}]+)\\}/g;\n\nconst semicolonReg = /:/;\n\nexport class FormatterPlugin extends BasePlugin implements IChartPlugin {\n  static readonly pluginType: 'chart' = 'chart';\n\n  static readonly specKey = 'formatter';\n\n  static readonly type: string = 'formatterPlugin';\n  readonly type: string = 'formatterPlugin';\n\n  private readonly _timeModeFormat = {\n    utc: TimeUtil.getInstance().timeUTCFormat,\n    local: TimeUtil.getInstance().timeFormat\n  };\n\n  protected _spec: {\n    timeMode: 'utc' | 'local';\n    customFormatter: (specifier: string, text: string | number | string[] | number[], datum: any) => string | string[];\n    numericFormatter: (specifier: string, text: string | number | string[] | number[]) => string;\n    timeFormatter: (specifier: string, text: string | number | string[] | number[]) => string;\n  };\n\n  protected _formatter = this._format;\n\n  private _timeFormatter = this._timeModeFormat.local;\n  private _numericFormatter = NumberUtil.getInstance().format;\n\n  // used for optimize performance，avoiding repeatedly parsing same format template string,\n  private _numericSpecifier = NumberUtil.getInstance().formatter;\n  private _numericFormatterCache = new Map<string, any>();\n  private _isNumericFormatterCache = new Map<string, boolean>();\n\n  constructor() {\n    super(FormatterPlugin.type);\n  }\n\n  onInit(service: IChartPluginService, chartSpec: any) {\n    const { globalInstance } = service;\n    if (!globalInstance) {\n      return;\n    }\n    this._spec = chartSpec?.[FormatterPlugin.specKey] ?? {};\n    const { timeMode, customFormatter, numericFormatter, timeFormatter } = this._spec;\n\n    if (isFunction(customFormatter)) {\n      this._formatter = customFormatter;\n    } else {\n      this._formatter = this._format.bind(this);\n      if (isFunction(timeFormatter)) {\n        this._timeFormatter = timeFormatter;\n      } else if (timeMode && this._timeModeFormat[timeMode]) {\n        this._timeFormatter = this._timeModeFormat[timeMode];\n      }\n\n      if (numericFormatter) {\n        this._numericFormatter = numericFormatter;\n        this._numericSpecifier = null;\n        this._numericFormatterCache = null;\n      }\n    }\n    Factory.registerFormatter(this._formatter);\n  }\n\n  protected _format(text: string | number | string[] | number[], datum: any, formatter: string | string[]) {\n    if (isArray(text)) {\n      return text.map((t, i) => {\n        const f = isArray(formatter) ? formatter[i] : formatter;\n        return f ? this._formatSingleLine(t, datum, f) : t;\n      });\n    }\n\n    if (isArray(formatter)) {\n      return formatter.map(f => this._formatSingleLine(text, datum, f));\n    } else {\n      return this._formatSingleLine(text, datum, formatter);\n    }\n  }\n\n  protected _formatSingleLine(text: string | number, datum: any, formatter: string) {\n    let isTemplate;\n    if (this._isNumericFormatterCache) {\n      if (this._isNumericFormatterCache.get(formatter)) {\n        isTemplate = this._isNumericFormatterCache.get(formatter);\n      } else {\n        isTemplate = bracketReg.test(formatter);\n        this._isNumericFormatterCache.set(formatter, isTemplate);\n      }\n    }\n    if (isTemplate) {\n      const result = formatter.replace(bracketGReg, (match, key) => {\n        const hasFormatter = semicolonReg.test(key);\n        if (!hasFormatter) {\n          const value = datum[key.trim()];\n          return typeof value !== 'undefined' ? value : match;\n        } else {\n          const parts = key.split(':');\n          const value = datum[parts.shift()];\n          const valueFormatter = parts.join(':');\n          return this._formatSingleText(value, valueFormatter);\n        }\n      });\n      return result;\n    } else {\n      return this._formatSingleText(text, formatter);\n    }\n  }\n\n  protected _formatSingleText(text: string | number, formatter: string): string | number {\n    const isNumeric = numberSpecifierReg.test(formatter);\n    if (isNumeric && this._numericFormatter) {\n      // 内置的 formatter 逻辑，可以进行缓存性能优化\n      let numericFormat;\n      if (this._numericFormatterCache && this._numericSpecifier) {\n        if (this._numericFormatterCache.get(formatter)) {\n          numericFormat = this._numericFormatterCache.get(formatter);\n        } else {\n          numericFormat = this._numericSpecifier(formatter) as any;\n          this._numericFormatterCache.set(formatter, numericFormat);\n        }\n        return numericFormat(Number(text));\n      }\n      return this._numericFormatter(formatter, Number(text));\n    } else if (formatter.includes('%') && this._timeFormatter) {\n      return this._timeFormatter(formatter, text);\n    } else {\n      return text;\n    }\n  }\n\n  dispose() {\n    this._format = null;\n    this._timeFormatter = null;\n    this._numericFormatter = null;\n    this._numericSpecifier = null;\n    this._numericFormatterCache = null;\n    this._isNumericFormatterCache = null;\n  }\n}\n\nexport const registerFormatPlugin = () => {\n  registerChartPlugin(FormatterPlugin);\n};\n"]}

package/esm/plugin/chart/formatter/index.d.ts

@@ -0,0 +1 @@
+export * from './formatter';

package/esm/plugin/chart/formatter/index.js

@@ -0,0 +1,2 @@
+export * from "./formatter";
+//# sourceMappingURL=index.js.map

package/esm/plugin/chart/formatter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/chart/formatter/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC","file":"index.js","sourcesContent":["export * from './formatter';\n"]}

package/esm/plugin/components/index.d.ts

@@ -1,5 +1,2 @@
-import { AxisSyncPlugin } from './axis-sync';
-declare const _default: {
-    AxisSyncPlugin: typeof AxisSyncPlugin;
-};
-export default _default;
+export * from './axis-sync';
+export * from './tooltip-handler';

package/esm/plugin/components/index.js

@@ -1,6 +1,4 @@
-import { AxisSyncPlugin } from "./axis-sync";
+export * from "./axis-sync";
 
-export default {
-    AxisSyncPlugin: AxisSyncPlugin
-};
+export * from "./tooltip-handler";
 //# sourceMappingURL=index.js.map

package/esm/plugin/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/plugin/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,eAAe;IACb,cAAc;CACf,CAAC","file":"index.js","sourcesContent":["import { AxisSyncPlugin } from './axis-sync';\n\nexport default {\n  AxisSyncPlugin\n};\n"]}
+{"version":3,"sources":["../src/plugin/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC","file":"index.js","sourcesContent":["export * from './axis-sync';\nexport * from './tooltip-handler';\n"]}

package/esm/plugin/components/tooltip-handler/base.d.ts

@@ -1,6 +1,6 @@
 import type { Options } from './constants';
 import type { Maybe, ILayoutPoint, RenderMode } from '../../../typings';
-import type { TooltipData, IToolTipActual, TooltipActiveType, ITooltipHandler, ITooltipPattern, ITooltipPositionActual } from '../../../typings/tooltip';
+import type { TooltipData, ITooltipActual, TooltipActiveType, ITooltipHandler, ITooltipPattern, ITooltipPositionActual } from '../../../typings/tooltip';
 import type { IGroup } from '@visactor/vrender-core';
 import type { Compiler } from '../../../compile/compiler';
 import type { IContainerSize } from '@visactor/vrender-components';
@@ -26,7 +26,7 @@ export declare abstract class BaseTooltipHandler extends BasePlugin implements I
     protected _chartContainer: Maybe<HTMLElement>;
     protected _compiler: Compiler;
     protected _cacheViewSpec: ITooltipSpec | undefined;
-    protected _cacheActualTooltip: IToolTipActual | undefined;
+    protected _cacheActualTooltip: ITooltipActual | undefined;
     protected _isTooltipPaused: boolean;
     protected _isPointerEscaped: boolean;
     protected _cachePointerTimer: number;
@@ -46,13 +46,13 @@ export declare abstract class BaseTooltipHandler extends BasePlugin implements I
     protected _clearAllCache(): void;
     protected _clearCacheOfContent(): void;
     protected _clearCacheOfPosition(): void;
-    protected abstract _updateTooltip(visible: boolean, params: TooltipHandlerParams, domData?: IToolTipActual): void;
+    protected abstract _updateTooltip(visible: boolean, params: TooltipHandlerParams, domData?: ITooltipActual): void;
     protected abstract _removeTooltip(): void;
     protected _throttle(callback: any): (...args: unknown[]) => unknown;
     protected _getDefaultOption(): Options;
-    protected _getActualTooltipContent: (pattern: ITooltipPattern, data: TooltipData, params: TooltipHandlerParams) => IToolTipActual;
-    protected _getActualTooltipPosition: (actualTooltip: IToolTipActual, params: TooltipHandlerParams, tooltipBoxSize: IContainerSize | undefined) => ITooltipPositionActual;
-    protected _getTooltipBoxSize(actualTooltip: IToolTipActual, changePositionOnly: boolean): IContainerSize | undefined;
+    protected _getActualTooltipContent: (pattern: ITooltipPattern, data: TooltipData, params: TooltipHandlerParams) => ITooltipActual;
+    protected _getActualTooltipPosition: (actualTooltip: ITooltipActual, params: TooltipHandlerParams, tooltipBoxSize: IContainerSize | undefined) => ITooltipPositionActual;
+    protected _getTooltipBoxSize(actualTooltip: ITooltipActual, changePositionOnly: boolean): IContainerSize | undefined;
     protected _getPointerPositionRelativeToTooltipParent(params: TooltipHandlerParams): {
         x: any;
         y: any;

package/esm/plugin/components/tooltip-handler/base.js

@@ -6,18 +6,20 @@ import { isTrueBrowser } from "../../../util/env";
 
 import { getTooltipPatternValue, getScale } from "./utils/common";
 
-import { getActualTooltipPositionValue, getHorizontalPositionType, getVerticalPositionType } from "./utils/position";
+import { getActualTooltipPositionValue, getCartesianCrosshairRect, getHorizontalPositionType, getVerticalPositionType, isFixedTooltipPositionPattern, isGlobalTooltipPositionPattern } from "./utils/position";
 
 import { getShowContent } from "./utils/compose";
 
 import { getTooltipSpecForShow } from "./utils/get-spec";
 
-import { isNumber, isObject, isValidNumber, isValid, throttle, isNil, polygonContainPoint, pointInRect } from "@visactor/vutils";
+import { isNumber, isObject, isValidNumber, isValid, throttle, isNil, polygonContainPoint, pointInRect, isFunction } from "@visactor/vutils";
 
 import { getTooltipAttributes } from "./utils/attribute";
 
 import { BasePlugin } from "../../base/base-plugin";
 
+import { getFirstSeries } from "../../../util";
+
 export class BaseTooltipHandler extends BasePlugin {
     constructor() {
         super(...arguments), this._visible = !0, this._attributes = null, this._isReleased = !1, 
@@ -79,13 +81,15 @@ export class BaseTooltipHandler extends BasePlugin {
                 data: data
             });
         }, this._getActualTooltipPosition = (actualTooltip, params, tooltipBoxSize) => {
-            var _a, _b, _c, _d, _e;
-            const event = params.event, invalidPosition = {
+            var _a, _b, _c, _d, _e, _f, _g;
+            const event = params.event, firstDimensionInfo = null === (_a = params.dimensionInfo) || void 0 === _a ? void 0 : _a[0], invalidPosition = {
                 x: 1 / 0,
                 y: 1 / 0
-            }, {offsetX: offsetX, offsetY: offsetY} = this._option, tooltipSpec = this._cacheViewSpec;
+            };
+            let {offsetX: offsetX, offsetY: offsetY} = this._option;
+            const tooltipSpec = this._cacheViewSpec;
             if (!tooltipSpec) return this._cacheTooltipPosition = void 0, invalidPosition;
-            const {activeType: activeType, data: data} = actualTooltip, pattern = tooltipSpec[activeType], position = getTooltipPatternValue(pattern.position, data, params), positionMode = getTooltipPatternValue(pattern.positionMode, data, params), tooltipParentElement = this._getParentElement(tooltipSpec), {width: tooltipBoxWidth = 0, height: tooltipBoxHeight = 0} = null != tooltipBoxSize ? tooltipBoxSize : {}, isCanvas = "canvas" === tooltipSpec.renderMode, canvasRect = null === (_a = null == params ? void 0 : params.chart) || void 0 === _a ? void 0 : _a.getCanvasRect(), canvasWidth = null !== (_b = null == canvasRect ? void 0 : canvasRect.width) && void 0 !== _b ? _b : DEFAULT_CHART_WIDTH, canvasHeight = null !== (_c = null == canvasRect ? void 0 : canvasRect.height) && void 0 !== _c ? _c : DEFAULT_CHART_HEIGHT;
+            const {activeType: activeType, data: data} = actualTooltip, pattern = tooltipSpec[activeType], position = getTooltipPatternValue(pattern.position, data, params), positionMode = null !== (_b = getTooltipPatternValue(pattern.positionMode, data, params)) && void 0 !== _b ? _b : "mark" === activeType ? "mark" : "pointer", tooltipParentElement = this._getParentElement(tooltipSpec), {width: tooltipBoxWidth = 0, height: tooltipBoxHeight = 0} = null != tooltipBoxSize ? tooltipBoxSize : {}, isCanvas = "canvas" === tooltipSpec.renderMode, canvasRect = null === (_c = null == params ? void 0 : params.chart) || void 0 === _c ? void 0 : _c.getCanvasRect(), canvasWidth = null !== (_d = null == canvasRect ? void 0 : canvasRect.width) && void 0 !== _d ? _d : DEFAULT_CHART_WIDTH, canvasHeight = null !== (_e = null == canvasRect ? void 0 : canvasRect.height) && void 0 !== _e ? _e : DEFAULT_CHART_HEIGHT;
             let isFixedPosition = !1;
             const containerSize = {
                 width: 0,
@@ -101,8 +105,8 @@ export class BaseTooltipHandler extends BasePlugin {
             if (isTrueBrowser(this._env) && !tooltipSpec.confine) {
                 if (containerSize.width = window.innerWidth, containerSize.height = window.innerHeight, 
                 !isCanvas) {
-                    tooltipParentElementRect = null !== (_d = null == tooltipParentElement ? void 0 : tooltipParentElement.getBoundingClientRect()) && void 0 !== _d ? _d : invalidPosition;
-                    const chartElement = null !== (_e = this._compiler.getCanvas()) && void 0 !== _e ? _e : this._chartContainer, chartElementRect = null == chartElement ? void 0 : chartElement.getBoundingClientRect();
+                    tooltipParentElementRect = null !== (_f = null == tooltipParentElement ? void 0 : tooltipParentElement.getBoundingClientRect()) && void 0 !== _f ? _f : invalidPosition;
+                    const chartElement = null !== (_g = this._compiler.getCanvas()) && void 0 !== _g ? _g : this._chartContainer, chartElementRect = null == chartElement ? void 0 : chartElement.getBoundingClientRect();
                     relativePosOffset = {
                         x: chartElementRect.x - tooltipParentElementRect.x,
                         y: chartElementRect.y - tooltipParentElementRect.y
@@ -110,95 +114,150 @@ export class BaseTooltipHandler extends BasePlugin {
                 }
             } else containerSize.width = canvasWidth, containerSize.height = canvasHeight;
             const tooltipSizeScale = tooltipParentElementScale / chartElementScale;
-            let left, top, right, bottom, x, y;
-            if (isObject(position)) {
-                const {left: posLeft, right: posRight, top: posTop, bottom: posBottom} = position;
-                left = getActualTooltipPositionValue(posLeft, event), top = getActualTooltipPositionValue(posTop, event), 
-                right = getActualTooltipPositionValue(posRight, event), bottom = getActualTooltipPositionValue(posBottom, event);
-            } else if (isValid(position) && "pointer" !== positionMode && "mark" === actualTooltip.activeType) {
-                isFixedPosition = !0;
-                const element = params.item, model = params.model, bounds = null == element ? void 0 : element.getBounds(), startPoint = null == model ? void 0 : model.getLayoutStartPoint();
-                if (bounds && startPoint) {
-                    let {x1: x1, y1: y1, x2: x2, y2: y2} = bounds;
-                    switch (x1 += startPoint.x, x2 += startPoint.x, y1 += startPoint.y, y2 += startPoint.y, 
-                    getHorizontalPositionType(position)) {
-                      case "left":
-                        left = x1 - tooltipBoxWidth * tooltipSizeScale - offsetX;
-                        break;
+            let left, top, right, bottom, pointerFixedPositionX = position, pointerFixedPositionY = position;
+            const processCartesianFixedPositionX = ({orient: orient, mode: mode, offset: offset}) => {
+                var _a;
+                let x1, x2;
+                const model = params.model, startPoint = null == model ? void 0 : model.getLayoutStartPoint();
+                if (offsetX = null != offset ? offset : offsetX, "mark" === mode) {
+                    isFixedPosition = !0;
+                    const element = params.item, bounds = null == element ? void 0 : element.getBounds();
+                    bounds && startPoint && (x1 = bounds.x1 + startPoint.x, x2 = bounds.x2 + startPoint.x);
+                } else if ("crosshair" === mode && "cartesian" === (null === (_a = null == firstDimensionInfo ? void 0 : firstDimensionInfo.axis) || void 0 === _a ? void 0 : _a.getCoordinateType())) {
+                    isFixedPosition = !0;
+                    const rect = getCartesianCrosshairRect(params.dimensionInfo, getFirstSeries(this._component.getRegions(), "cartesian"), startPoint);
+                    rect && (x1 = rect.start.x, x2 = rect.end.x);
+                } else pointerFixedPositionX = orient;
+                if (isFixedPosition) switch (getHorizontalPositionType(orient)) {
+                  case "left":
+                    left = x1 - tooltipBoxWidth * tooltipSizeScale - offsetX;
+                    break;
 
-                      case "right":
-                        left = x2 + offsetX;
-                        break;
+                  case "right":
+                    left = x2 + offsetX;
+                    break;
 
-                      case "middle":
-                        left = (x1 + x2) / 2 - tooltipBoxWidth * tooltipSizeScale / 2;
-                    }
-                    switch (getVerticalPositionType(position)) {
-                      case "top":
-                        top = y1 - tooltipBoxHeight * tooltipSizeScale - offsetY;
-                        break;
+                  case "center":
+                    left = (x1 + x2) / 2 - tooltipBoxWidth * tooltipSizeScale / 2;
+                    break;
 
-                      case "bottom":
-                        top = y2 + offsetY;
-                        break;
+                  case "centerLeft":
+                    left = (x1 + x2) / 2 - tooltipBoxWidth * tooltipSizeScale - offsetX;
+                    break;
 
-                      case "middle":
-                        top = (y1 + y2) / 2 - tooltipBoxHeight * tooltipSizeScale / 2;
-                    }
+                  case "centerRight":
+                    left = (x1 + x2) / 2 + offsetX;
                 }
-            }
+            }, processCartesianFixedPositionY = ({orient: orient, mode: mode, offset: offset}) => {
+                var _a;
+                let y1, y2;
+                const model = params.model, startPoint = null == model ? void 0 : model.getLayoutStartPoint();
+                if (offsetY = null != offset ? offset : offsetY, "mark" === mode) {
+                    isFixedPosition = !0;
+                    const element = params.item, bounds = null == element ? void 0 : element.getBounds();
+                    bounds && startPoint && (y1 = bounds.y1 + startPoint.y, y2 = bounds.y2 + startPoint.y);
+                } else if ("crosshair" === mode && "cartesian" === (null === (_a = null == firstDimensionInfo ? void 0 : firstDimensionInfo.axis) || void 0 === _a ? void 0 : _a.getCoordinateType())) {
+                    isFixedPosition = !0;
+                    const rect = getCartesianCrosshairRect(params.dimensionInfo, getFirstSeries(this._component.getRegions(), "cartesian"), startPoint);
+                    rect && (y1 = rect.start.y, y2 = rect.end.y);
+                } else pointerFixedPositionY = orient;
+                if (isFixedPosition) switch (getVerticalPositionType(orient)) {
+                  case "top":
+                    top = y1 - tooltipBoxHeight * tooltipSizeScale - offsetY;
+                    break;
+
+                  case "bottom":
+                    top = y2 + offsetY;
+                    break;
+
+                  case "center":
+                    top = (y1 + y2) / 2 - tooltipBoxHeight * tooltipSizeScale / 2;
+                    break;
+
+                  case "centerTop":
+                    top = (y1 + y2) / 2 - tooltipBoxHeight * tooltipSizeScale - offsetY;
+                    break;
+
+                  case "centerBottom":
+                    top = (y1 + y2) / 2 + offsetY;
+                }
+            };
+            if (isObject(position)) {
+                if (isGlobalTooltipPositionPattern(position)) {
+                    const {left: posLeft, right: posRight, top: posTop, bottom: posBottom} = position;
+                    left = getActualTooltipPositionValue(posLeft, event), top = getActualTooltipPositionValue(posTop, event), 
+                    right = getActualTooltipPositionValue(posRight, event), bottom = getActualTooltipPositionValue(posBottom, event);
+                } else if (isFixedTooltipPositionPattern(position)) {
+                    const {x: x, y: y} = position;
+                    isNumber(x) || isFunction(x) ? left = getActualTooltipPositionValue(x, event) : processCartesianFixedPositionX(x), 
+                    isNumber(y) || isFunction(y) ? top = getActualTooltipPositionValue(y, event) : processCartesianFixedPositionY(y);
+                }
+            } else isValid(position) && (processCartesianFixedPositionX({
+                orient: position,
+                mode: positionMode
+            }), processCartesianFixedPositionY({
+                orient: position,
+                mode: positionMode
+            }));
+            let x, y;
             const {canvasX: canvasX, canvasY: canvasY} = event;
             if (isValidNumber(left)) x = left; else if (isValidNumber(right)) x = canvasWidth - tooltipBoxWidth * tooltipSizeScale - right; else {
                 const x0 = canvasX;
-                switch (getHorizontalPositionType(position, "right")) {
-                  case "middle":
+                switch (getHorizontalPositionType(pointerFixedPositionX, "right")) {
+                  case "center":
                     x = x0 - tooltipBoxWidth * tooltipSizeScale / 2;
                     break;
 
                   case "left":
+                  case "centerLeft":
                     x = x0 - tooltipBoxWidth * tooltipSizeScale - offsetX;
                     break;
 
                   case "right":
+                  case "centerRight":
                     x = x0 + offsetX;
                 }
             }
             if (isValidNumber(top)) y = top; else if (isValidNumber(bottom)) y = canvasHeight - tooltipBoxHeight * tooltipSizeScale - bottom; else {
                 const y0 = canvasY;
-                switch (getVerticalPositionType(position, "bottom")) {
-                  case "middle":
+                switch (getVerticalPositionType(pointerFixedPositionY, "bottom")) {
+                  case "center":
                     y = y0 - tooltipBoxHeight * tooltipSizeScale / 2;
                     break;
 
                   case "top":
+                  case "centerTop":
                     y = y0 - tooltipBoxHeight * tooltipSizeScale - offsetY;
                     break;
 
                   case "bottom":
+                  case "centerBottom":
                     y = y0 + offsetY;
                 }
             }
             x *= chartElementScale, y *= chartElementScale, isTrueBrowser(this._env) && (x += relativePosOffset.x, 
             y += relativePosOffset.y), x /= tooltipParentElementScale, y /= tooltipParentElementScale;
             const {width: containerWidth, height: containerHeight} = containerSize, isLeftOut = () => x * tooltipParentElementScale + tooltipParentElementRect.x < 0, isRightOut = () => (x + tooltipBoxWidth) * tooltipParentElementScale + tooltipParentElementRect.x > containerWidth, isTopOut = () => y * tooltipParentElementScale + tooltipParentElementRect.y < 0, isBottomOut = () => (y + tooltipBoxHeight) * tooltipParentElementScale + tooltipParentElementRect.y > containerHeight, detectLeftFirst = () => {
-                isLeftOut() && (isFixedPosition ? x = -tooltipParentElementRect.x / tooltipParentElementScale : "middle" === getHorizontalPositionType(position, "right") ? x += offsetX + tooltipBoxWidth / 2 : x += 2 * offsetX + tooltipBoxWidth);
+                isLeftOut() && (isFixedPosition ? x = -tooltipParentElementRect.x / tooltipParentElementScale : "center" === getHorizontalPositionType(position, "right") ? x += offsetX + tooltipBoxWidth / 2 : x += 2 * offsetX + tooltipBoxWidth);
             }, detectLeftLast = () => {
                 isLeftOut() && (x = -tooltipParentElementRect.x / tooltipParentElementScale);
             }, detectRightFirst = () => {
-                isRightOut() && (isFixedPosition ? x = (containerWidth - tooltipParentElementRect.x) / tooltipParentElementScale - tooltipBoxWidth : "middle" === getHorizontalPositionType(position, "right") ? x -= offsetX + tooltipBoxWidth / 2 : x -= 2 * offsetX + tooltipBoxWidth);
+                isRightOut() && (isFixedPosition ? x = (containerWidth - tooltipParentElementRect.x) / tooltipParentElementScale - tooltipBoxWidth : "center" === getHorizontalPositionType(position, "right") ? x -= offsetX + tooltipBoxWidth / 2 : x -= 2 * offsetX + tooltipBoxWidth);
             }, detectRightLast = () => {
                 isRightOut() && (x = (containerWidth - tooltipParentElementRect.x) / tooltipParentElementScale - tooltipBoxWidth);
             }, detectTopFirst = () => {
-                isTopOut() && (isFixedPosition ? y = -tooltipParentElementRect.y / tooltipParentElementScale : "middle" === getVerticalPositionType(position, "bottom") ? y += offsetY + tooltipBoxHeight / 2 : y += 2 * offsetY + tooltipBoxHeight);
+                isTopOut() && (isFixedPosition ? y = -tooltipParentElementRect.y / tooltipParentElementScale : "center" === getVerticalPositionType(position, "bottom") ? y += offsetY + tooltipBoxHeight / 2 : y += 2 * offsetY + tooltipBoxHeight);
             }, detectTopLast = () => {
                 isTopOut() && (y = 0 - tooltipParentElementRect.y / tooltipParentElementScale);
             }, detectBottomFirst = () => {
-                isBottomOut() && (isFixedPosition ? y = (containerHeight - tooltipParentElementRect.y) / tooltipParentElementScale - tooltipBoxHeight : "middle" === getVerticalPositionType(position, "bottom") ? y -= offsetY + tooltipBoxHeight / 2 : y -= 2 * offsetY + tooltipBoxHeight);
+                isBottomOut() && (isFixedPosition ? y = (containerHeight - tooltipParentElementRect.y) / tooltipParentElementScale - tooltipBoxHeight : "center" === getVerticalPositionType(position, "bottom") ? y -= offsetY + tooltipBoxHeight / 2 : y -= 2 * offsetY + tooltipBoxHeight);
             }, detectBottomLast = () => {
                 isBottomOut() && (y = (containerHeight - tooltipParentElementRect.y) / tooltipParentElementScale - tooltipBoxHeight);
             };
             switch (getHorizontalPositionType(position, "right")) {
-              case "middle":
+              case "center":
+              case "centerLeft":
+              case "centerRight":
                 isLeftOut() ? (detectLeftFirst(), detectRightLast()) : (detectRightFirst(), detectLeftLast());
                 break;
 
@@ -210,7 +269,9 @@ export class BaseTooltipHandler extends BasePlugin {
                 detectRightFirst(), detectLeftLast();
             }
             switch (getVerticalPositionType(position, "bottom")) {
-              case "middle":
+              case "center":
+              case "centerTop":
+              case "centerBottom":
                 isTopOut() ? (detectTopFirst(), detectBottomLast()) : (detectBottomFirst(), detectTopLast());
                 break;