@visactor/vchart 1.11.6-alpha.5 → 1.11.6

package/cjs/series/sankey/sankey.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerSankeySeries = exports.SankeySeries = void 0;
 
-const cartesian_1 = require("../cartesian/cartesian"), type_1 = require("../interface/type"), vgrammar_sankey_1 = require("@visactor/vgrammar-sankey"), utils_1 = require("../../animation/utils"), config_1 = require("../../animation/config"), register_1 = require("../../data/register"), sankey_1 = require("../../data/transforms/sankey"), sankey_nodes_1 = require("../../data/transforms/sankey-nodes"), sankey_links_1 = require("../../data/transforms/sankey-links"), interface_1 = require("../../compile/mark/interface"), vdataset_1 = require("@visactor/vdataset"), constant_1 = require("../../constant"), series_data_1 = require("../base/series-data"), tooltip_helper_1 = require("./tooltip-helper"), vutils_1 = require("@visactor/vutils"), animation_1 = require("./animation"), color_ordinal_scale_1 = require("../../scale/color-ordinal-scale"), rect_1 = require("../../mark/rect"), text_1 = require("../../mark/text"), link_path_1 = require("../../mark/link-path"), constant_2 = require("./constant"), flatten_1 = require("../../data/transforms/flatten"), factory_1 = require("../../core/factory"), initialize_1 = require("../../data/initialize"), data_key_1 = require("../../data/transforms/data-key"), sankey_transformer_1 = require("./sankey-transformer"), util_1 = require("../../component/util");
+const cartesian_1 = require("../cartesian/cartesian"), type_1 = require("../interface/type"), vgrammar_sankey_1 = require("@visactor/vgrammar-sankey"), utils_1 = require("../../animation/utils"), config_1 = require("../../animation/config"), register_1 = require("../../data/register"), sankey_1 = require("../../data/transforms/sankey"), sankey_nodes_1 = require("../../data/transforms/sankey-nodes"), sankey_links_1 = require("../../data/transforms/sankey-links"), interface_1 = require("../../compile/mark/interface"), vdataset_1 = require("@visactor/vdataset"), constant_1 = require("../../constant"), series_data_1 = require("../base/series-data"), tooltip_helper_1 = require("./tooltip-helper"), vutils_1 = require("@visactor/vutils"), animation_1 = require("./animation"), color_ordinal_scale_1 = require("../../scale/color-ordinal-scale"), rect_1 = require("../../mark/rect"), text_1 = require("../../mark/text"), link_path_1 = require("../../mark/link-path"), constant_2 = require("./constant"), flatten_1 = require("../../data/transforms/flatten"), factory_1 = require("../../core/factory"), initialize_1 = require("../../data/initialize"), data_key_1 = require("../../data/transforms/data-key");
 
 class SankeySeries extends cartesian_1.CartesianSeries {
     constructor() {
-        super(...arguments), this.type = type_1.SeriesTypeEnum.sankey, this.transformerConstructor = sankey_transformer_1.SankeySeriesSpecTransformer, 
-        this._nodeLayoutZIndex = constant_1.LayoutZIndex.Node, this._labelLayoutZIndex = constant_1.LayoutZIndex.Label, 
-        this._viewBox = new vutils_1.Bounds, this._fillByNode = datum => {
+        super(...arguments), this.type = type_1.SeriesTypeEnum.sankey, this._nodeLayoutZIndex = constant_1.LayoutZIndex.Node, 
+        this._labelLayoutZIndex = constant_1.LayoutZIndex.Label, this._viewBox = new vutils_1.Bounds, 
+        this._fillByNode = datum => {
             var _a, _b, _c, _d, _e;
             if (datum && datum.sourceRect && datum.targetRect) return this._fillByLink(datum);
             const fill = null === (_b = null === (_a = this._spec.node) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fill;
@@ -35,16 +35,20 @@ class SankeySeries extends cartesian_1.CartesianSeries {
             const emphasisSpec = null !== (_a = this._spec.emphasis) && void 0 !== _a ? _a : {}, element = params.item;
             "adjacency" === emphasisSpec.effect ? element && element.mark.id().includes("node") ? this._handleNodeAdjacencyClick(element) : element && element.mark.id().includes("link") ? this._handleLinkAdjacencyClick(element) : this._handleClearEmpty() : "related" === emphasisSpec.effect && (element && element.mark.id().includes("node") ? this._handleNodeRelatedClick(element) : element && element.mark.id().includes("link") ? this._handleLinkRelatedClick(element) : this._handleClearEmpty());
         }, this._handleClearEmpty = () => {
-            var _a, _b;
+            var _a, _b, _c;
             const allNodeElements = null === (_a = this._nodeMark) || void 0 === _a ? void 0 : _a.getProductElements();
             if (!allNodeElements || !allNodeElements.length) return;
             const allLinkElements = null === (_b = this._linkMark) || void 0 === _b ? void 0 : _b.getProductElements();
             if (!allLinkElements || !allLinkElements.length) return;
+            const allLabelElements = null === (_c = this._labelMark) || void 0 === _c ? void 0 : _c.getProductElements();
+            if (!allLabelElements || !allLabelElements.length) return;
             const states = [ interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE ];
             allNodeElements.forEach((el => {
                 el.removeState(states);
             })), allLinkElements.forEach((el => {
                 el.removeState(states);
+            })), allLabelElements.forEach((el => {
+                el.removeState(states);
             }));
         }, this._handleNodeAdjacencyClick = element => {
             const nodeDatum = element.getDatum(), highlightNodes = [ nodeDatum.key ];
@@ -69,7 +73,8 @@ class SankeySeries extends cartesian_1.CartesianSeries {
                     linkEl.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE));
                 }));
             }
-            this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
+            this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes), 
+            this._labelMark && this._highLightElements(this._labelMark.getProductElements(), highlightNodes);
         }, this._handleLinkAdjacencyClick = element => {
             const curLinkDatum = element.getDatum(), highlightNodes = [ curLinkDatum.source, curLinkDatum.target ];
             if (this._linkMark) {
@@ -82,7 +87,8 @@ class SankeySeries extends cartesian_1.CartesianSeries {
                     })) : (linkEl.removeState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS), linkEl.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE));
                 }));
             }
-            this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
+            this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes), 
+            this._labelMark && this._highLightElements(this._labelMark.getProductElements(), highlightNodes);
         }, this._handleNodeRelatedClick = element => {
             var _a;
             const nodeDatum = element.getDatum(), allNodeElements = this._nodeMark.getProductElements();
@@ -140,7 +146,8 @@ class SankeySeries extends cartesian_1.CartesianSeries {
                         linkEl.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE));
                     }));
                 }
-                this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
+                this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes), 
+                this._labelMark && this._highLightElements(this._labelMark.getProductElements(), highlightNodes);
             } else {
                 const highlightNodes = [ nodeDatum.key ], upstreamLinks = nodeDatum.targetLinks.reduce(((res, link) => ((0, 
                 vutils_1.array)(link.datum).forEach((dividedLink => {
@@ -172,7 +179,8 @@ class SankeySeries extends cartesian_1.CartesianSeries {
                         ratio: upSelectedLink.value / linkDatum.value
                     });
                     linkEl.removeState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS), linkEl.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                })), this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
+                })), this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes), 
+                this._labelMark && this._highLightElements(this._labelMark.getProductElements(), highlightNodes);
             }
         }, this._handleLinkRelatedClick = element => {
             var _a;
@@ -182,11 +190,17 @@ class SankeySeries extends cartesian_1.CartesianSeries {
             if (!allLinkElements || !allLinkElements.length) return;
             if ("source" === ((null === (_a = element.getDatum()) || void 0 === _a ? void 0 : _a.parents) ? "parents" : "source")) {
                 const states = [ interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE ];
-                this._linkMark && allLinkElements.forEach((linkEl => {
+                if (this._linkMark && allLinkElements.forEach((linkEl => {
                     linkEl.removeState(states);
                 })), this._nodeMark && allNodeElements.forEach((el => {
                     el.removeState(states);
-                }));
+                })), this._labelMark) {
+                    const allLabelElements = this._labelMark.getProductElements();
+                    if (!allLabelElements || !allLabelElements.length) return;
+                    allLabelElements.forEach((el => {
+                        el.removeState(states);
+                    }));
+                }
             } else {
                 const curLinkDatum = element.getDatum(), highlightNodes = [ curLinkDatum.source, curLinkDatum.target ], upstreamLinks = [];
                 (0, vutils_1.array)(curLinkDatum.datum).forEach((dividedLink => {
@@ -233,14 +247,10 @@ class SankeySeries extends cartesian_1.CartesianSeries {
                         ratio: upSelectedLink.value / linkDatum.value
                     });
                     linkEl.removeState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS), linkEl.addState(interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                })), this._highLightElements(allNodeElements, highlightNodes);
+                })), this._highLightElements(allNodeElements, highlightNodes), this._labelMark && this._highLightElements(this._labelMark.getProductElements(), highlightNodes);
             }
         };
     }
-    get direction() {
-        var _a;
-        return null !== (_a = this._spec.direction) && void 0 !== _a ? _a : "horizontal";
-    }
     getCategoryField() {
         return this._categoryField;
     }
@@ -280,7 +290,7 @@ class SankeySeries extends cartesian_1.CartesianSeries {
                     sourceField: this._spec.sourceField,
                     targetField: this._spec.targetField,
                     valueField: this._spec.valueField,
-                    direction: this.direction,
+                    direction: this._spec.direction,
                     nodeAlign: null !== (_a = this._spec.nodeAlign) && void 0 !== _a ? _a : "justify",
                     nodeGap: null !== (_b = this._spec.nodeGap) && void 0 !== _b ? _b : 8,
                     nodeWidth: null !== (_c = this._spec.nodeWidth) && void 0 !== _c ? _c : 10,
@@ -362,7 +372,13 @@ class SankeySeries extends cartesian_1.CartesianSeries {
             customShape: null === (_c = this._spec.link) || void 0 === _c ? void 0 : _c.customShape,
             stateSort: null === (_d = this._spec.link) || void 0 === _d ? void 0 : _d.stateSort
         });
-        linkMark && (this._linkMark = linkMark);
+        if (linkMark && (this._linkMark = linkMark), this._spec.label && this._spec.label.visible) {
+            const labelMark = this._createMark(SankeySeries.mark.label, {
+                dataView: this._nodesSeriesData.getDataView(),
+                dataProductId: this._nodesSeriesData.getProductId()
+            });
+            labelMark && (this._labelMark = labelMark);
+        }
     }
     _buildMarkAttributeContext() {
         super._buildMarkAttributeContext(), this._markAttributeContext.valueToNode = this.valueToNode.bind(this), 
@@ -385,7 +401,7 @@ class SankeySeries extends cartesian_1.CartesianSeries {
         return null == node ? void 0 : node.y0;
     }
     initMarkStyle() {
-        this._initNodeMarkStyle(), this._initLinkMarkStyle();
+        this._initNodeMarkStyle(), this._initLinkMarkStyle(), this._initLabelMarkStyle();
     }
     _initNodeMarkStyle() {
         const nodeMark = this._nodeMark;
@@ -398,6 +414,7 @@ class SankeySeries extends cartesian_1.CartesianSeries {
         }, interface_1.STATE_VALUE_ENUM.STATE_NORMAL, constant_1.AttributeLevel.Mark);
     }
     _initLinkMarkStyle() {
+        var _a;
         const linkMark = this._linkMark;
         linkMark && this.setMarkStyle(linkMark, {
             x0: datum => datum.x0,
@@ -406,36 +423,120 @@ class SankeySeries extends cartesian_1.CartesianSeries {
             y1: datum => datum.y1,
             thickness: datum => datum.thickness,
             fill: this._fillByLink,
-            direction: this.direction
+            direction: null !== (_a = this._spec.direction) && void 0 !== _a ? _a : "horizontal"
         }, interface_1.STATE_VALUE_ENUM.STATE_NORMAL, constant_1.AttributeLevel.Series);
     }
-    initLabelMarkStyle(textMark) {
-        if (!textMark) return;
-        const position = this._spec.label.position;
-        position && position.includes("inside") ? this.setMarkStyle(textMark, {
+    _initLabelMarkStyle() {
+        this._labelMark && ("vertical" === this._spec.direction ? "inside-start" === this._spec.label.position ? this.setMarkStyle(this._labelMark, {
+            x: datum => datum.x0,
+            y: datum => (datum.y0 + datum.y1) / 2,
             fill: "#ffffff",
             text: datum => this._createText(datum),
-            maxLineWidth: datum => {
+            limit: datum => {
                 var _a;
                 return null !== (_a = this._spec.label.limit) && void 0 !== _a ? _a : datum.x1 - datum.x0;
-            }
-        }) : this.setMarkStyle(textMark, {
+            },
+            textAlign: "left",
+            textBaseline: "middle"
+        }, interface_1.STATE_VALUE_ENUM.STATE_NORMAL, constant_1.AttributeLevel.Series) : "inside-middle" === this._spec.label.position ? this.setMarkStyle(this._labelMark, {
+            x: datum => (datum.x0 + datum.x1) / 2,
+            y: datum => (datum.y0 + datum.y1) / 2,
+            fill: "#ffffff",
+            text: datum => this._createText(datum),
+            limit: datum => {
+                var _a;
+                return null !== (_a = this._spec.label.limit) && void 0 !== _a ? _a : datum.x1 - datum.x0;
+            },
+            textAlign: "center",
+            textBaseline: "middle"
+        }, interface_1.STATE_VALUE_ENUM.STATE_NORMAL, constant_1.AttributeLevel.Series) : "inside-end" === this._spec.label.position ? this.setMarkStyle(this._labelMark, {
+            x: datum => datum.x1,
+            y: datum => (datum.y0 + datum.y1) / 2,
+            fill: "#ffffff",
+            text: datum => this._createText(datum),
+            limit: datum => {
+                var _a;
+                return null !== (_a = this._spec.label.limit) && void 0 !== _a ? _a : datum.x1 - datum.x0;
+            },
+            textAlign: "right",
+            textBaseline: "middle"
+        }, interface_1.STATE_VALUE_ENUM.STATE_NORMAL, constant_1.AttributeLevel.Series) : this.setMarkStyle(this._labelMark, {
+            x: datum => (datum.x0 + datum.x1) / 2,
+            y: datum => datum.y1 >= this._viewBox.y2 ? datum.y0 : datum.y1,
             fill: this._fillByNode,
             text: datum => this._createText(datum),
-            maxLineWidth: this._labelLimit
-        }), textMark.setZIndex(this._labelLayoutZIndex);
+            limit: this._labelLimit,
+            textAlign: "center",
+            textBaseline: datum => datum.y1 >= this._viewBox.y2 ? "bottom" : "top"
+        }, interface_1.STATE_VALUE_ENUM.STATE_NORMAL, constant_1.AttributeLevel.Series) : "inside-start" === this._spec.label.position ? this.setMarkStyle(this._labelMark, {
+            x: datum => datum.x0,
+            y: datum => (datum.y0 + datum.y1) / 2,
+            fill: "#ffffff",
+            text: datum => this._createText(datum),
+            limit: datum => {
+                var _a;
+                return null !== (_a = this._spec.label.limit) && void 0 !== _a ? _a : datum.x1 - datum.x0;
+            },
+            textAlign: "left",
+            textBaseline: "middle"
+        }, interface_1.STATE_VALUE_ENUM.STATE_NORMAL, constant_1.AttributeLevel.Series) : "inside-middle" === this._spec.label.position ? this.setMarkStyle(this._labelMark, {
+            x: datum => (datum.x0 + datum.x1) / 2,
+            y: datum => (datum.y0 + datum.y1) / 2,
+            fill: "#ffffff",
+            text: datum => this._createText(datum),
+            limit: datum => {
+                var _a;
+                return null !== (_a = this._spec.label.limit) && void 0 !== _a ? _a : datum.x1 - datum.x0;
+            },
+            textAlign: "center",
+            textBaseline: "middle"
+        }, interface_1.STATE_VALUE_ENUM.STATE_NORMAL, constant_1.AttributeLevel.Series) : "inside-end" === this._spec.label.position ? this.setMarkStyle(this._labelMark, {
+            x: datum => datum.x1,
+            y: datum => (datum.y0 + datum.y1) / 2,
+            fill: "#ffffff",
+            text: datum => this._createText(datum),
+            limit: datum => {
+                var _a;
+                return null !== (_a = this._spec.label.limit) && void 0 !== _a ? _a : datum.x1 - datum.x0;
+            },
+            textAlign: "right",
+            textBaseline: "middle"
+        }, interface_1.STATE_VALUE_ENUM.STATE_NORMAL, constant_1.AttributeLevel.Series) : "left" === this._spec.label.position ? this.setMarkStyle(this._labelMark, {
+            x: datum => datum.x0,
+            y: datum => (datum.y0 + datum.y1) / 2,
+            fill: this._fillByNode,
+            text: datum => this._createText(datum),
+            limit: this._labelLimit,
+            textAlign: "right",
+            textBaseline: "middle"
+        }, interface_1.STATE_VALUE_ENUM.STATE_NORMAL, constant_1.AttributeLevel.Series) : "right" === this._spec.label.position ? this.setMarkStyle(this._labelMark, {
+            x: datum => datum.x1,
+            y: datum => (datum.y0 + datum.y1) / 2,
+            fill: this._fillByNode,
+            text: datum => this._createText(datum),
+            limit: this._labelLimit,
+            textAlign: "left",
+            textBaseline: "middle"
+        }, interface_1.STATE_VALUE_ENUM.STATE_NORMAL, constant_1.AttributeLevel.Series) : this.setMarkStyle(this._labelMark, {
+            x: datum => datum.x1 >= this._viewBox.x2 ? datum.x0 : datum.x1,
+            y: datum => (datum.y0 + datum.y1) / 2,
+            fill: this._fillByNode,
+            text: datum => this._createText(datum),
+            limit: this._labelLimit,
+            textAlign: datum => datum.x1 >= this._viewBox.x2 ? "right" : "left",
+            textBaseline: "middle"
+        }, interface_1.STATE_VALUE_ENUM.STATE_NORMAL, constant_1.AttributeLevel.Series), 
+        this._labelMark.setZIndex(this._labelLayoutZIndex));
     }
     _createText(datum) {
+        var _a;
         if ((0, vutils_1.isNil)(datum) || (0, vutils_1.isNil)(datum.datum)) return "";
         let text = datum.datum[this._spec.categoryField] || "";
-        const {formatMethod: formatMethod, formatter: formatter} = this._spec.label || {}, {formatFunc: formatFunc, args: args} = (0, 
-        util_1.getFormatFunction)(formatMethod, formatter, text, datum.datum);
-        return formatFunc && (text = formatFunc(...args, {
-            series: this
-        })), text;
+        return (null === (_a = this._spec.label) || void 0 === _a ? void 0 : _a.formatMethod) && (text = this._spec.label.formatMethod(text, datum.datum)), 
+        text;
     }
     initAnimation() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         const animationParams = {
             direction: this.direction,
             growFrom: () => {
@@ -446,7 +547,9 @@ class SankeySeries extends cartesian_1.CartesianSeries {
         this._nodeMark && this._nodeMark.setAnimationConfig((0, utils_1.animationConfig)(null === (_c = factory_1.Factory.getAnimationInKey("sankeyNode")) || void 0 === _c ? void 0 : _c(animationParams, appearPreset), (0, 
         utils_1.userAnimationConfig)("node", this._spec, this._markAttributeContext))), 
         this._linkMark && this._linkMark.setAnimationConfig((0, utils_1.animationConfig)(null === (_d = factory_1.Factory.getAnimationInKey("sankeyLinkPath")) || void 0 === _d ? void 0 : _d(animationParams, appearPreset), (0, 
-        utils_1.userAnimationConfig)("link", this._spec, this._markAttributeContext)));
+        utils_1.userAnimationConfig)("link", this._spec, this._markAttributeContext))), 
+        this._labelMark && this._labelMark.setAnimationConfig((0, utils_1.animationConfig)(null === (_e = factory_1.Factory.getAnimationInKey("fadeInOut")) || void 0 === _e ? void 0 : _e(), (0, 
+        utils_1.userAnimationConfig)("label", this._spec, this._markAttributeContext)));
     }
     initEvent() {
         var _a, _b, _c;
@@ -474,7 +577,8 @@ class SankeySeries extends cartesian_1.CartesianSeries {
     }
     initTooltip() {
         this._tooltipHelper = new tooltip_helper_1.SankeySeriesTooltipHelper(this), this._nodeMark && this._tooltipHelper.activeTriggerSet.mark.add(this._nodeMark), 
-        this._linkMark && this._tooltipHelper.activeTriggerSet.mark.add(this._linkMark);
+        this._linkMark && this._tooltipHelper.activeTriggerSet.mark.add(this._linkMark), 
+        this._labelMark && this._tooltipHelper.activeTriggerSet.mark.add(this._labelMark);
     }
     _setNodeOrdinalColorScale() {
         var _a, _b, _c, _d, _e;
@@ -489,9 +593,9 @@ class SankeySeries extends cartesian_1.CartesianSeries {
         this._colorScale = ordinalScale;
     }
     getNodeList() {
-        var _a, _b;
+        var _a;
         if (this._nodeList) return this._nodeList;
-        const data = this._rawData.latestData[0], nodeList = (null == data ? void 0 : data.nodes) ? (null === (_a = data.nodes[0]) || void 0 === _a ? void 0 : _a.children) ? Array.from(this.extractNamesFromTree(data.nodes, this._spec.categoryField)) : data.nodes.map(((datum, index) => datum[this._spec.categoryField])) : (null == data ? void 0 : data.links) ? Array.from(this.extractNamesFromLink(data.links)) : null === (_b = null == data ? void 0 : data.values) || void 0 === _b ? void 0 : _b.map(((datum, index) => datum[this._spec.categoryField]));
+        const data = this._rawData.latestData[0], nodeList = (null == data ? void 0 : data.nodes) ? (null === (_a = data.nodes[0]) || void 0 === _a ? void 0 : _a.children) ? Array.from(this.extractNamesFromTree(data.nodes, this._spec.categoryField)) : data.nodes.map(((datum, index) => datum[this._spec.categoryField])) : (null == data ? void 0 : data.links) ? Array.from(this.extractNamesFromLink(data.links)) : null == data ? void 0 : data.values.map(((datum, index) => datum[this._spec.categoryField]));
         return this._nodeList = nodeList, nodeList;
     }
     _getNodeNameFromData(datum) {
@@ -555,7 +659,6 @@ class SankeySeries extends cartesian_1.CartesianSeries {
 }
 
 exports.SankeySeries = SankeySeries, SankeySeries.type = type_1.SeriesTypeEnum.sankey, 
-SankeySeries.transformerConstructor = sankey_transformer_1.SankeySeriesSpecTransformer, 
 SankeySeries.mark = constant_2.sankeySeriesMark;
 
 const registerSankeySeries = () => {