@visactor/vchart 1.13.20 → 1.13.21-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/es5/index.js +1 -1
- package/build/index.es.js +326 -312
- package/build/index.js +472 -453
- package/build/index.min.js +1 -1
- package/build/tsconfig.tsbuildinfo +1 -1
- package/cjs/chart/base/base-chart.js +3 -0
- package/cjs/chart/base/base-chart.js.map +1 -1
- package/cjs/chart/index.d.ts +2 -2
- package/cjs/chart/index.js +7 -2
- package/cjs/chart/index.js.map +1 -1
- package/cjs/chart/interface/common.d.ts +2 -0
- package/cjs/chart/interface/common.js.map +1 -1
- package/cjs/core/index.d.ts +1 -1
- package/cjs/core/index.js +1 -1
- package/cjs/core/index.js.map +1 -1
- package/cjs/core/vchart.js +4 -2
- package/cjs/core/vchart.js.map +1 -1
- package/cjs/index.d.ts +2 -0
- package/cjs/index.js +2 -1
- package/cjs/index.js.map +1 -1
- package/cjs/mark/index.d.ts +3 -2
- package/cjs/mark/index.js +15 -1
- package/cjs/mark/index.js.map +1 -1
- package/cjs/plugin/chart/interface.d.ts +4 -0
- package/cjs/plugin/chart/interface.js.map +1 -1
- package/cjs/plugin/chart/plugin-service.d.ts +2 -0
- package/cjs/plugin/chart/plugin-service.js +10 -0
- package/cjs/plugin/chart/plugin-service.js.map +1 -1
- package/cjs/plugin/chart/scroll/index.d.ts +2 -0
- package/cjs/plugin/chart/scroll/index.js +21 -0
- package/cjs/plugin/chart/scroll/index.js.map +1 -0
- package/cjs/plugin/chart/scroll/interface.d.ts +11 -0
- package/cjs/plugin/chart/scroll/interface.js +6 -0
- package/cjs/plugin/chart/scroll/interface.js.map +1 -0
- package/cjs/plugin/chart/scroll/scroll.d.ts +27 -0
- package/cjs/plugin/chart/scroll/scroll.js +129 -0
- package/cjs/plugin/chart/scroll/scroll.js.map +1 -0
- package/cjs/series/sankey/sankey.d.ts +7 -7
- package/cjs/series/sankey/sankey.js +166 -163
- package/cjs/series/sankey/sankey.js.map +1 -1
- package/esm/chart/base/base-chart.js +3 -0
- package/esm/chart/base/base-chart.js.map +1 -1
- package/esm/chart/index.d.ts +2 -2
- package/esm/chart/index.js +2 -2
- package/esm/chart/index.js.map +1 -1
- package/esm/chart/interface/common.d.ts +2 -0
- package/esm/chart/interface/common.js.map +1 -1
- package/esm/core/index.d.ts +1 -1
- package/esm/core/index.js +1 -1
- package/esm/core/index.js.map +1 -1
- package/esm/core/vchart.js +4 -2
- package/esm/core/vchart.js.map +1 -1
- package/esm/index.d.ts +2 -0
- package/esm/index.js +4 -0
- package/esm/index.js.map +1 -1
- package/esm/mark/index.d.ts +3 -2
- package/esm/mark/index.js +4 -2
- package/esm/mark/index.js.map +1 -1
- package/esm/plugin/chart/interface.d.ts +4 -0
- package/esm/plugin/chart/interface.js.map +1 -1
- package/esm/plugin/chart/plugin-service.d.ts +2 -0
- package/esm/plugin/chart/plugin-service.js +10 -0
- package/esm/plugin/chart/plugin-service.js.map +1 -1
- package/esm/plugin/chart/scroll/index.d.ts +2 -0
- package/esm/plugin/chart/scroll/index.js +4 -0
- package/esm/plugin/chart/scroll/index.js.map +1 -0
- package/esm/plugin/chart/scroll/interface.d.ts +11 -0
- package/esm/plugin/chart/scroll/interface.js +2 -0
- package/esm/plugin/chart/scroll/interface.js.map +1 -0
- package/esm/plugin/chart/scroll/scroll.d.ts +27 -0
- package/esm/plugin/chart/scroll/scroll.js +127 -0
- package/esm/plugin/chart/scroll/scroll.js.map +1 -0
- package/esm/series/sankey/sankey.d.ts +7 -7
- package/esm/series/sankey/sankey.js +165 -162
- package/esm/series/sankey/sankey.js.map +1 -1
- package/package.json +2 -2
package/build/index.js
CHANGED
|
@@ -59751,7 +59751,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
59751
59751
|
LayoutLevel[LayoutLevel["CustomMark"] = 70] = "CustomMark";
|
|
59752
59752
|
})(LayoutLevel || (LayoutLevel = {}));
|
|
59753
59753
|
|
|
59754
|
-
|
|
59754
|
+
exports.AttributeLevel = void 0;
|
|
59755
59755
|
(function (AttributeLevel) {
|
|
59756
59756
|
AttributeLevel[AttributeLevel["Default"] = 0] = "Default";
|
|
59757
59757
|
AttributeLevel[AttributeLevel["Theme"] = 1] = "Theme";
|
|
@@ -59764,7 +59764,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
59764
59764
|
AttributeLevel[AttributeLevel["User_Mark"] = 8] = "User_Mark";
|
|
59765
59765
|
AttributeLevel[AttributeLevel["User_SeriesStyle"] = 9] = "User_SeriesStyle";
|
|
59766
59766
|
AttributeLevel[AttributeLevel["Built_In"] = 99] = "Built_In";
|
|
59767
|
-
})(AttributeLevel || (AttributeLevel = {}));
|
|
59767
|
+
})(exports.AttributeLevel || (exports.AttributeLevel = {}));
|
|
59768
59768
|
|
|
59769
59769
|
class CompilableBase {
|
|
59770
59770
|
getOption() {
|
|
@@ -60798,7 +60798,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
60798
60798
|
this.setMarkStyle(mark, {
|
|
60799
60799
|
width: () => this.getLayoutRect().width,
|
|
60800
60800
|
height: () => this.getLayoutRect().height
|
|
60801
|
-
}, 'normal', AttributeLevel.Built_In);
|
|
60801
|
+
}, 'normal', exports.AttributeLevel.Built_In);
|
|
60802
60802
|
this._groupMark.addMark(mark);
|
|
60803
60803
|
}
|
|
60804
60804
|
});
|
|
@@ -60819,10 +60819,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
60819
60819
|
width: () => this.getLayoutRect().width,
|
|
60820
60820
|
height: () => this.getLayoutRect().height,
|
|
60821
60821
|
clip
|
|
60822
|
-
}, 'normal', AttributeLevel.Built_In);
|
|
60822
|
+
}, 'normal', exports.AttributeLevel.Built_In);
|
|
60823
60823
|
this.setMarkStyle(groupMark, {
|
|
60824
60824
|
cornerRadius: (_b = this._spec.style) === null || _b === void 0 ? void 0 : _b.cornerRadius
|
|
60825
|
-
}, 'normal', AttributeLevel.User_Mark);
|
|
60825
|
+
}, 'normal', exports.AttributeLevel.User_Mark);
|
|
60826
60826
|
this._marks.addMark(groupMark);
|
|
60827
60827
|
return groupMark;
|
|
60828
60828
|
}
|
|
@@ -60840,17 +60840,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
60840
60840
|
_initBackgroundMarkStyle() {
|
|
60841
60841
|
var _a, _b;
|
|
60842
60842
|
if (this._backgroundMark) {
|
|
60843
|
-
this.setMarkStyle(this._backgroundMark, Object.assign({ fillOpacity: ((_a = this._spec.style) === null || _a === void 0 ? void 0 : _a.fill) ? 1 : 0 }, this._spec.style), 'normal', AttributeLevel.User_Mark);
|
|
60843
|
+
this.setMarkStyle(this._backgroundMark, Object.assign({ fillOpacity: ((_a = this._spec.style) === null || _a === void 0 ? void 0 : _a.fill) ? 1 : 0 }, this._spec.style), 'normal', exports.AttributeLevel.User_Mark);
|
|
60844
60844
|
if ((_b = this._spec.clip) !== null && _b !== void 0 ? _b : this._getClipDefaultValue()) {
|
|
60845
60845
|
this.setMarkStyle(this._backgroundMark, {
|
|
60846
60846
|
strokeOpacity: 0
|
|
60847
|
-
}, 'normal', AttributeLevel.Built_In);
|
|
60847
|
+
}, 'normal', exports.AttributeLevel.Built_In);
|
|
60848
60848
|
}
|
|
60849
60849
|
}
|
|
60850
60850
|
}
|
|
60851
60851
|
_initForegroundMarkStyle() {
|
|
60852
60852
|
if (this._foregroundMark) {
|
|
60853
|
-
this.setMarkStyle(this._foregroundMark, Object.assign(Object.assign({}, this._spec.style), { fillOpacity: 0, pickable: false }), 'normal', AttributeLevel.User_Mark);
|
|
60853
|
+
this.setMarkStyle(this._foregroundMark, Object.assign(Object.assign({}, this._spec.style), { fillOpacity: 0, pickable: false }), 'normal', exports.AttributeLevel.User_Mark);
|
|
60854
60854
|
}
|
|
60855
60855
|
}
|
|
60856
60856
|
_compareSpec(spec, prevSpec) {
|
|
@@ -62367,10 +62367,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
62367
62367
|
}
|
|
62368
62368
|
isUserLevel(level) {
|
|
62369
62369
|
return [
|
|
62370
|
-
AttributeLevel.User_Mark,
|
|
62371
|
-
AttributeLevel.User_Series,
|
|
62372
|
-
AttributeLevel.User_Chart,
|
|
62373
|
-
AttributeLevel.User_SeriesStyle
|
|
62370
|
+
exports.AttributeLevel.User_Mark,
|
|
62371
|
+
exports.AttributeLevel.User_Series,
|
|
62372
|
+
exports.AttributeLevel.User_Chart,
|
|
62373
|
+
exports.AttributeLevel.User_SeriesStyle
|
|
62374
62374
|
].includes(level);
|
|
62375
62375
|
}
|
|
62376
62376
|
setStyle(style, state = 'normal', level = 0, stateStyle = this.stateStyle) {
|
|
@@ -62558,7 +62558,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
62558
62558
|
}
|
|
62559
62559
|
_initSpecStyle(spec, stateStyle, key) {
|
|
62560
62560
|
if (spec.style) {
|
|
62561
|
-
this.setStyle(spec.style, 'normal', AttributeLevel.User_Mark, stateStyle);
|
|
62561
|
+
this.setStyle(spec.style, 'normal', exports.AttributeLevel.User_Mark, stateStyle);
|
|
62562
62562
|
}
|
|
62563
62563
|
const state = spec.state;
|
|
62564
62564
|
if (state) {
|
|
@@ -62579,10 +62579,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
62579
62579
|
}
|
|
62580
62580
|
}
|
|
62581
62581
|
this.state.addStateInfo(stateInfo);
|
|
62582
|
-
this.setStyle(style, key, AttributeLevel.User_Mark, stateStyle);
|
|
62582
|
+
this.setStyle(style, key, exports.AttributeLevel.User_Mark, stateStyle);
|
|
62583
62583
|
}
|
|
62584
62584
|
else {
|
|
62585
|
-
this.setStyle(stateTemp, key, AttributeLevel.User_Mark, stateStyle);
|
|
62585
|
+
this.setStyle(stateTemp, key, exports.AttributeLevel.User_Mark, stateStyle);
|
|
62586
62586
|
}
|
|
62587
62587
|
});
|
|
62588
62588
|
}
|
|
@@ -62920,6 +62920,16 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
62920
62920
|
plugin.onBeforeInitChart && plugin.onBeforeInitChart(this, chartSpec, actionSource);
|
|
62921
62921
|
});
|
|
62922
62922
|
}
|
|
62923
|
+
onLayoutRectUpdate() {
|
|
62924
|
+
this._plugins.forEach(plugin => {
|
|
62925
|
+
plugin.onLayoutRectUpdate && plugin.onLayoutRectUpdate(this);
|
|
62926
|
+
});
|
|
62927
|
+
}
|
|
62928
|
+
onAfterRender() {
|
|
62929
|
+
this._plugins.forEach(plugin => {
|
|
62930
|
+
plugin.onAfterRender && plugin.onAfterRender(this);
|
|
62931
|
+
});
|
|
62932
|
+
}
|
|
62923
62933
|
releaseAll() {
|
|
62924
62934
|
super.releaseAll();
|
|
62925
62935
|
this.globalInstance = null;
|
|
@@ -63408,6 +63418,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
63408
63418
|
return false;
|
|
63409
63419
|
}
|
|
63410
63420
|
this._updateAnimateState();
|
|
63421
|
+
this._chartPluginApply('onAfterRender', this._spec);
|
|
63411
63422
|
this._event.emit(ChartEvent.rendered, {
|
|
63412
63423
|
chart: this._chart,
|
|
63413
63424
|
vchart: this
|
|
@@ -64239,7 +64250,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
64239
64250
|
getSpecInfo: () => { var _a; return (_a = this._specInfo) !== null && _a !== void 0 ? _a : {}; },
|
|
64240
64251
|
layout: this._option.layout,
|
|
64241
64252
|
onError: this._onError,
|
|
64242
|
-
disableTriggerEvent: this._option.disableTriggerEvent === true
|
|
64253
|
+
disableTriggerEvent: this._option.disableTriggerEvent === true,
|
|
64254
|
+
chartPluginApply: (funcName, ...args) => this._chartPluginApply(funcName, ...args)
|
|
64243
64255
|
};
|
|
64244
64256
|
}
|
|
64245
64257
|
}
|
|
@@ -64262,7 +64274,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
64262
64274
|
};
|
|
64263
64275
|
registerVChartCore();
|
|
64264
64276
|
|
|
64265
|
-
const version = "1.13.
|
|
64277
|
+
const version = "1.13.21-alpha.1";
|
|
64266
64278
|
|
|
64267
64279
|
const addVChartProperty = (data, op) => {
|
|
64268
64280
|
const context = op.beforeCall();
|
|
@@ -66098,7 +66110,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
66098
66110
|
return mark.getAttribute(key, datum);
|
|
66099
66111
|
};
|
|
66100
66112
|
});
|
|
66101
|
-
this.setMarkStyle(mark, style, DEFAULT_SERIES_STYLE_NAME, AttributeLevel.User_SeriesStyle);
|
|
66113
|
+
this.setMarkStyle(mark, style, DEFAULT_SERIES_STYLE_NAME, exports.AttributeLevel.User_SeriesStyle);
|
|
66102
66114
|
});
|
|
66103
66115
|
}
|
|
66104
66116
|
afterInitMark() {
|
|
@@ -66107,7 +66119,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
66107
66119
|
this.getMarks().forEach(m => {
|
|
66108
66120
|
var _a, _b;
|
|
66109
66121
|
if ((_b = (_a = m.stateStyle) === null || _a === void 0 ? void 0 : _a.normal) === null || _b === void 0 ? void 0 : _b.lineWidth) {
|
|
66110
|
-
m.setAttribute('stroke', this.getColorAttribute(), 'normal', AttributeLevel.Base_Series);
|
|
66122
|
+
m.setAttribute('stroke', this.getColorAttribute(), 'normal', exports.AttributeLevel.Base_Series);
|
|
66111
66123
|
}
|
|
66112
66124
|
});
|
|
66113
66125
|
}
|
|
@@ -67019,12 +67031,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
67019
67031
|
if (lineMark) {
|
|
67020
67032
|
this.setMarkStyle(lineMark, {
|
|
67021
67033
|
stroke: this.getColorAttribute()
|
|
67022
|
-
}, 'normal', AttributeLevel.Series);
|
|
67034
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
67023
67035
|
if (this._invalidType !== 'zero') {
|
|
67024
67036
|
this.setMarkStyle(lineMark, {
|
|
67025
67037
|
defined: this._getInvalidDefined.bind(this),
|
|
67026
67038
|
connectedType: this._getInvalidConnectType()
|
|
67027
|
-
}, 'normal', AttributeLevel.Series);
|
|
67039
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
67028
67040
|
}
|
|
67029
67041
|
this.event.on(ChartEvent.viewDataStatisticsUpdate, { filter: param => param.model === this }, () => {
|
|
67030
67042
|
this.encodeDefined(lineMark, 'defined');
|
|
@@ -67034,7 +67046,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
67034
67046
|
lineJoin: DEFAULT_CLOSE_STROKE_JOIN,
|
|
67035
67047
|
curveType: DEFAULT_LINEAR_INTERPOLATE,
|
|
67036
67048
|
closePath: true
|
|
67037
|
-
}, 'normal', AttributeLevel.Series);
|
|
67049
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
67038
67050
|
}
|
|
67039
67051
|
else {
|
|
67040
67052
|
const userCurveType = areaCurveType !== null && areaCurveType !== void 0 ? areaCurveType : (_b = (_a = this.getSpec().line) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.curveType;
|
|
@@ -67045,13 +67057,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
67045
67057
|
: userCurveType;
|
|
67046
67058
|
this.setMarkStyle(lineMark, {
|
|
67047
67059
|
curveType
|
|
67048
|
-
}, 'normal', AttributeLevel.Built_In);
|
|
67060
|
+
}, 'normal', exports.AttributeLevel.Built_In);
|
|
67049
67061
|
}
|
|
67050
67062
|
this.setMarkStyle(lineMark, {
|
|
67051
67063
|
x: this.dataToPositionX.bind(this),
|
|
67052
67064
|
y: this.dataToPositionY.bind(this),
|
|
67053
67065
|
z: this._fieldZ ? this.dataToPositionZ.bind(this) : null
|
|
67054
|
-
}, 'normal', AttributeLevel.Series);
|
|
67066
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
67055
67067
|
}
|
|
67056
67068
|
return lineMark;
|
|
67057
67069
|
}
|
|
@@ -67125,7 +67137,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
67125
67137
|
}
|
|
67126
67138
|
this._symbolActiveMark.stateStyle[state][key] = {
|
|
67127
67139
|
style: null,
|
|
67128
|
-
level: AttributeLevel.Series,
|
|
67140
|
+
level: exports.AttributeLevel.Series,
|
|
67129
67141
|
referer: symbolMark
|
|
67130
67142
|
};
|
|
67131
67143
|
}
|
|
@@ -67143,7 +67155,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
67143
67155
|
}
|
|
67144
67156
|
this.setMarkStyle(symbolMark, {
|
|
67145
67157
|
fill: this.getColorAttribute()
|
|
67146
|
-
}, 'normal', AttributeLevel.Series);
|
|
67158
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
67147
67159
|
this.setMarkStyle(symbolMark, {
|
|
67148
67160
|
x: (datum) => {
|
|
67149
67161
|
return this._invalidType !== 'zero' && !this._getInvalidDefined(datum)
|
|
@@ -67156,7 +67168,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
67156
67168
|
: this.dataToPositionY(datum);
|
|
67157
67169
|
},
|
|
67158
67170
|
z: this._fieldZ ? this.dataToPositionZ.bind(this) : null
|
|
67159
|
-
}, 'normal', AttributeLevel.Series);
|
|
67171
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
67160
67172
|
}
|
|
67161
67173
|
_initSymbolActiveMarkAlone() {
|
|
67162
67174
|
var _a, _b;
|
|
@@ -67193,7 +67205,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
67193
67205
|
if (this._invalidType !== 'zero') {
|
|
67194
67206
|
this.setMarkStyle(labelMark, {
|
|
67195
67207
|
visible: this._getInvalidDefined.bind(this)
|
|
67196
|
-
}, 'normal', AttributeLevel.Series);
|
|
67208
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
67197
67209
|
}
|
|
67198
67210
|
this.event.on(ChartEvent.viewDataStatisticsUpdate, { filter: param => param.model === this }, () => {
|
|
67199
67211
|
this.encodeDefined(labelMark, 'visible');
|
|
@@ -67222,13 +67234,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
67222
67234
|
if (((_b = (_a = mark.stateStyle.normal) === null || _a === void 0 ? void 0 : _a[attr]) === null || _b === void 0 ? void 0 : _b.style) === true) {
|
|
67223
67235
|
return;
|
|
67224
67236
|
}
|
|
67225
|
-
this.setMarkStyle(mark, { [attr]: true }, 'normal', AttributeLevel.Series);
|
|
67237
|
+
this.setMarkStyle(mark, { [attr]: true }, 'normal', exports.AttributeLevel.Series);
|
|
67226
67238
|
}
|
|
67227
67239
|
else {
|
|
67228
67240
|
if (((_d = (_c = mark.stateStyle.normal) === null || _c === void 0 ? void 0 : _c[attr]) === null || _d === void 0 ? void 0 : _d.style) !== true) {
|
|
67229
67241
|
return;
|
|
67230
67242
|
}
|
|
67231
|
-
this.setMarkStyle(mark, { [attr]: this._getInvalidDefined.bind(this) }, 'normal', AttributeLevel.Series);
|
|
67243
|
+
this.setMarkStyle(mark, { [attr]: this._getInvalidDefined.bind(this) }, 'normal', exports.AttributeLevel.Series);
|
|
67232
67244
|
}
|
|
67233
67245
|
if (mark.getProduct()) {
|
|
67234
67246
|
mark.compileEncode();
|
|
@@ -71519,6 +71531,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
71519
71531
|
return (_b = (_a = this.getCompiler()) === null || _a === void 0 ? void 0 : _a.getCanvas()) !== null && _b !== void 0 ? _b : null;
|
|
71520
71532
|
}
|
|
71521
71533
|
_updateLayoutRect(viewBox) {
|
|
71534
|
+
var _a, _b;
|
|
71522
71535
|
const canvasRect = this.getCanvasRect();
|
|
71523
71536
|
let viewRect = canvasRect;
|
|
71524
71537
|
if (viewBox) {
|
|
@@ -71539,6 +71552,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
71539
71552
|
this._layoutRect.x = this.padding.left;
|
|
71540
71553
|
this._layoutRect.y = this.padding.top;
|
|
71541
71554
|
this._event.emit(ChartEvent.layoutRectUpdate, { chart: this });
|
|
71555
|
+
(_b = (_a = this._option) === null || _a === void 0 ? void 0 : _a.chartPluginApply) === null || _b === void 0 ? void 0 : _b.call(_a, 'onLayoutRectUpdate', { chart: this });
|
|
71542
71556
|
}
|
|
71543
71557
|
setCurrentTheme() {
|
|
71544
71558
|
this.updateChartConfig({ change: true, reMake: false }, this._spec);
|
|
@@ -72588,7 +72602,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
72588
72602
|
y1: this.dataToPositionY.bind(this),
|
|
72589
72603
|
z: this._fieldZ ? this.dataToPositionZ.bind(this) : null,
|
|
72590
72604
|
orient: this._direction
|
|
72591
|
-
}, 'normal', AttributeLevel.Series);
|
|
72605
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
72592
72606
|
}
|
|
72593
72607
|
else {
|
|
72594
72608
|
this.setMarkStyle(this._areaMark, {
|
|
@@ -72600,26 +72614,26 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
72600
72614
|
},
|
|
72601
72615
|
y: this.dataToPositionY.bind(this),
|
|
72602
72616
|
z: this._fieldZ ? this.dataToPositionZ.bind(this) : null
|
|
72603
|
-
}, 'normal', AttributeLevel.Series);
|
|
72617
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
72604
72618
|
}
|
|
72605
72619
|
this.setMarkStyle(areaMark, {
|
|
72606
72620
|
fill: isAreaVisible ? this.getColorAttribute() : false,
|
|
72607
72621
|
stroke: isLineVisible ? this.getColorAttribute() : false
|
|
72608
|
-
}, 'normal', AttributeLevel.Series);
|
|
72622
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
72609
72623
|
if (this._invalidType !== 'zero') {
|
|
72610
72624
|
this.setMarkStyle(areaMark, {
|
|
72611
72625
|
defined: this._getInvalidDefined.bind(this),
|
|
72612
72626
|
connectedType: this._getInvalidConnectType()
|
|
72613
|
-
}, 'normal', AttributeLevel.Series);
|
|
72627
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
72614
72628
|
}
|
|
72615
72629
|
if (this.getStack()) {
|
|
72616
72630
|
this.setMarkStyle(areaMark, {
|
|
72617
72631
|
zIndex: (datum) => -datum[STACK_FIELD_END]
|
|
72618
|
-
}, 'normal', AttributeLevel.Series);
|
|
72632
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
72619
72633
|
}
|
|
72620
72634
|
this.setMarkStyle(areaMark, {
|
|
72621
72635
|
curveType
|
|
72622
|
-
}, 'normal', AttributeLevel.Built_In);
|
|
72636
|
+
}, 'normal', exports.AttributeLevel.Built_In);
|
|
72623
72637
|
Object.keys(areaMark.stateStyle).forEach(state => {
|
|
72624
72638
|
if (areaMark.stateStyle[state].stroke) {
|
|
72625
72639
|
areaMark.setPostProcess('stroke', result => {
|
|
@@ -73051,7 +73065,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
73051
73065
|
if (this._barMark) {
|
|
73052
73066
|
this.setMarkStyle(this._barMark, {
|
|
73053
73067
|
fill: this.getColorAttribute()
|
|
73054
|
-
}, 'normal', AttributeLevel.Series);
|
|
73068
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
73055
73069
|
}
|
|
73056
73070
|
}
|
|
73057
73071
|
initLabelMarkStyle(textMark) {
|
|
@@ -73274,7 +73288,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
73274
73288
|
height: () => this._getBarWidth(this._yAxisHelper),
|
|
73275
73289
|
width: () => undefined,
|
|
73276
73290
|
y1: () => undefined
|
|
73277
|
-
}, 'normal', AttributeLevel.Series);
|
|
73291
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
73278
73292
|
}
|
|
73279
73293
|
else {
|
|
73280
73294
|
this.setMarkStyle(this._barMark, {
|
|
@@ -73284,7 +73298,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
73284
73298
|
width: () => this._getBarWidth(this._xAxisHelper),
|
|
73285
73299
|
x1: () => undefined,
|
|
73286
73300
|
height: () => undefined
|
|
73287
|
-
}, 'normal', AttributeLevel.Series);
|
|
73301
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
73288
73302
|
}
|
|
73289
73303
|
this._initStackBarMarkStyle();
|
|
73290
73304
|
this._initBandBarBackgroundMarkStyle();
|
|
@@ -73360,8 +73374,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
73360
73374
|
y: (datum) => valueInScaleRange(this._dataToPosY(datum) - this._getBarWidth(this._yAxisHelper) / 2, yScale, true),
|
|
73361
73375
|
height: (datum) => this._getBarWidth(this._yAxisHelper)
|
|
73362
73376
|
};
|
|
73363
|
-
this.setMarkStyle(this._barMark, Object.assign({ x: (datum) => this._getBarXStart(datum, xScale, true), x1: (datum) => this._getBarXEnd(datum, xScale, true) }, yChannels), 'normal', AttributeLevel.Series);
|
|
73364
|
-
this.setMarkStyle(this._barBackgroundMark, Object.assign({ x: () => this._getBarBackgroundXStart(xScale), x1: () => this._getBarBackgroundXEnd(xScale) }, yChannels), 'normal', AttributeLevel.Series);
|
|
73377
|
+
this.setMarkStyle(this._barMark, Object.assign({ x: (datum) => this._getBarXStart(datum, xScale, true), x1: (datum) => this._getBarXEnd(datum, xScale, true) }, yChannels), 'normal', exports.AttributeLevel.Series);
|
|
73378
|
+
this.setMarkStyle(this._barBackgroundMark, Object.assign({ x: () => this._getBarBackgroundXStart(xScale), x1: () => this._getBarBackgroundXEnd(xScale) }, yChannels), 'normal', exports.AttributeLevel.Series);
|
|
73365
73379
|
}
|
|
73366
73380
|
else {
|
|
73367
73381
|
const xChannels = isValid$1(this._fieldX2)
|
|
@@ -73373,8 +73387,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
73373
73387
|
x: (datum) => valueInScaleRange(this._dataToPosX(datum) - this._getBarWidth(this._xAxisHelper) / 2, xScale, true),
|
|
73374
73388
|
width: (datum) => this._getBarWidth(this._xAxisHelper)
|
|
73375
73389
|
};
|
|
73376
|
-
this.setMarkStyle(this._barMark, Object.assign(Object.assign({}, xChannels), { y: datum => this._getBarYStart(datum, yScale), y1: datum => this._getBarYEnd(datum, yScale) }), 'normal', AttributeLevel.Series);
|
|
73377
|
-
this.setMarkStyle(this._barBackgroundMark, Object.assign(Object.assign({}, xChannels), { y: () => this._getBarBackgroundYStart(yScale), y1: () => this._getBarBackgroundYEnd(yScale) }), 'normal', AttributeLevel.Series);
|
|
73390
|
+
this.setMarkStyle(this._barMark, Object.assign(Object.assign({}, xChannels), { y: datum => this._getBarYStart(datum, yScale), y1: datum => this._getBarYEnd(datum, yScale) }), 'normal', exports.AttributeLevel.Series);
|
|
73391
|
+
this.setMarkStyle(this._barBackgroundMark, Object.assign(Object.assign({}, xChannels), { y: () => this._getBarBackgroundYStart(yScale), y1: () => this._getBarBackgroundYEnd(yScale) }), 'normal', exports.AttributeLevel.Series);
|
|
73378
73392
|
}
|
|
73379
73393
|
}
|
|
73380
73394
|
_initBandBarBackgroundMarkStyle() {
|
|
@@ -73394,7 +73408,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
73394
73408
|
height: () => this._getBarWidth(this._yAxisHelper, scaleDepth),
|
|
73395
73409
|
width: () => undefined,
|
|
73396
73410
|
y1: () => undefined
|
|
73397
|
-
}, 'normal', AttributeLevel.Series);
|
|
73411
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
73398
73412
|
}
|
|
73399
73413
|
else {
|
|
73400
73414
|
this.setMarkStyle(this._barBackgroundMark, {
|
|
@@ -73404,7 +73418,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
73404
73418
|
width: () => this._getBarWidth(this._xAxisHelper, scaleDepth),
|
|
73405
73419
|
x1: () => undefined,
|
|
73406
73420
|
height: () => undefined
|
|
73407
|
-
}, 'normal', AttributeLevel.Series);
|
|
73421
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
73408
73422
|
}
|
|
73409
73423
|
}
|
|
73410
73424
|
initAnimation() {
|
|
@@ -73888,16 +73902,16 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
73888
73902
|
fill: this.getColorAttribute(),
|
|
73889
73903
|
size: isNumber$1(this._size) || isFunction$1(this._size) ? this._size : SCATTER_DEFAULT_SIZE,
|
|
73890
73904
|
symbolType: isString$1(this._shape) || isFunction$1(this._shape) ? this._shape : SCATTER_DEFAULT_SHAPE
|
|
73891
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
73905
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
73892
73906
|
if (isValid$1(this._sizeField) || isValid$1(this._size)) {
|
|
73893
73907
|
this.setMarkStyle(symbolMark, {
|
|
73894
73908
|
size: this.getSizeAttribute(this._sizeField, this._size)
|
|
73895
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.User_Mark);
|
|
73909
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.User_Mark);
|
|
73896
73910
|
}
|
|
73897
73911
|
if (isValid$1(this._shapeField) || isValid$1(this._shape)) {
|
|
73898
73912
|
this.setMarkStyle(symbolMark, {
|
|
73899
73913
|
symbolType: this.getShapeAttribute(this._shapeField, this._shape)
|
|
73900
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.User_Mark);
|
|
73914
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.User_Mark);
|
|
73901
73915
|
}
|
|
73902
73916
|
}
|
|
73903
73917
|
initTooltip() {
|
|
@@ -73909,10 +73923,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
73909
73923
|
const fields = [this.getDimensionField()[0], this.getStackValueField()];
|
|
73910
73924
|
const allValid = fields.every(field => { var _a, _b, _c; return field && ((_c = (_b = (_a = this.getViewDataStatistics()) === null || _a === void 0 ? void 0 : _a.latestData) === null || _b === void 0 ? void 0 : _b[field]) === null || _c === void 0 ? void 0 : _c.allValid); });
|
|
73911
73925
|
if (this._invalidType === 'zero' || allValid) {
|
|
73912
|
-
this.setMarkStyle(this._symbolMark, { visible: true }, 'normal', AttributeLevel.Series);
|
|
73926
|
+
this.setMarkStyle(this._symbolMark, { visible: true }, 'normal', exports.AttributeLevel.Series);
|
|
73913
73927
|
}
|
|
73914
73928
|
else {
|
|
73915
|
-
this.setMarkStyle(this._symbolMark, { visible: this._getInvalidDefined.bind(this) }, 'normal', AttributeLevel.Series);
|
|
73929
|
+
this.setMarkStyle(this._symbolMark, { visible: this._getInvalidDefined.bind(this) }, 'normal', exports.AttributeLevel.Series);
|
|
73916
73930
|
}
|
|
73917
73931
|
if (this._symbolMark.getProduct()) {
|
|
73918
73932
|
this._symbolMark.compileEncode();
|
|
@@ -73929,11 +73943,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
73929
73943
|
return datum[this.getStackValueField()];
|
|
73930
73944
|
},
|
|
73931
73945
|
z: this._fieldZ ? this.dataToPositionZ.bind(this) : null
|
|
73932
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
73946
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
73933
73947
|
if (this._invalidType !== 'zero') {
|
|
73934
73948
|
this.setMarkStyle(labelMark, {
|
|
73935
73949
|
visible: this._getInvalidDefined.bind(this)
|
|
73936
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
73950
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
73937
73951
|
}
|
|
73938
73952
|
}
|
|
73939
73953
|
handleZoom(e) {
|
|
@@ -75290,7 +75304,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
75290
75304
|
return (_d = this._spec) === null || _d === void 0 ? void 0 : _d.defaultFillColor;
|
|
75291
75305
|
},
|
|
75292
75306
|
path: this.getPath.bind(this)
|
|
75293
|
-
}, 'normal', AttributeLevel.Series);
|
|
75307
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
75294
75308
|
pathMark.setPostProcess('fill', result => {
|
|
75295
75309
|
if (!isValid$1(result)) {
|
|
75296
75310
|
return this._spec.defaultFillColor;
|
|
@@ -75299,7 +75313,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
75299
75313
|
});
|
|
75300
75314
|
this.setMarkStyle(pathMark, {
|
|
75301
75315
|
smoothScale: true
|
|
75302
|
-
}, 'normal', AttributeLevel.Built_In);
|
|
75316
|
+
}, 'normal', exports.AttributeLevel.Built_In);
|
|
75303
75317
|
}
|
|
75304
75318
|
}
|
|
75305
75319
|
initLabelMarkStyle(labelMark) {
|
|
@@ -76413,7 +76427,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
76413
76427
|
return this.totalPositionY(datum, 'lastIndex', 1);
|
|
76414
76428
|
},
|
|
76415
76429
|
y1: (datum) => this.totalPositionY(datum, 'index', 0)
|
|
76416
|
-
}, 'normal', AttributeLevel.Series);
|
|
76430
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
76417
76431
|
}
|
|
76418
76432
|
else {
|
|
76419
76433
|
this.setMarkStyle(this._leaderLineMark, {
|
|
@@ -76427,7 +76441,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
76427
76441
|
x1: (datum) => this.totalPositionX(datum, 'index', 0),
|
|
76428
76442
|
y: (datum) => this.totalPositionY(datum, 'lastEnd', 0),
|
|
76429
76443
|
y1: (datum) => this.totalPositionY(datum, datum.isTotal ? 'end' : 'start', 0)
|
|
76430
|
-
}, 'normal', AttributeLevel.Series);
|
|
76444
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
76431
76445
|
}
|
|
76432
76446
|
}
|
|
76433
76447
|
}
|
|
@@ -76744,7 +76758,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
76744
76758
|
};
|
|
76745
76759
|
const boxPlotMarkStyles = this._direction === "horizontal"
|
|
76746
76760
|
? Object.assign(Object.assign({ y: this.dataToPositionY.bind(this) }, commonBoxplotStyles), { boxHeight: () => { var _a; return (_a = this._boxWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, ruleHeight: () => { var _a; return (_a = this._shaftWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, q1q3Height: () => { var _a; return (_a = this._boxWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, minMaxHeight: () => { var _a; return (_a = this._shaftWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); } }) : Object.assign(Object.assign({ x: this.dataToPositionX.bind(this) }, commonBoxplotStyles), { boxWidth: () => { var _a; return (_a = this._boxWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, ruleWidth: () => { var _a; return (_a = this._shaftWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, q1q3Width: () => { var _a; return (_a = this._boxWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, minMaxWidth: () => { var _a; return (_a = this._shaftWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); } });
|
|
76747
|
-
this.setMarkStyle(boxPlotMark, boxPlotMarkStyles, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
76761
|
+
this.setMarkStyle(boxPlotMark, boxPlotMarkStyles, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
76748
76762
|
}
|
|
76749
76763
|
const outlierMark = this._outlierMark;
|
|
76750
76764
|
if (outlierMark) {
|
|
@@ -76752,7 +76766,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
76752
76766
|
fill: (_d = (_c = this._outliersStyle) === null || _c === void 0 ? void 0 : _c.fill) !== null && _d !== void 0 ? _d : this.getColorAttribute(),
|
|
76753
76767
|
size: isNumber$1((_e = this._outliersStyle) === null || _e === void 0 ? void 0 : _e.size) ? this._outliersStyle.size : DEFAULT_OUTLIER_SIZE,
|
|
76754
76768
|
symbolType: 'circle'
|
|
76755
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
76769
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
76756
76770
|
}
|
|
76757
76771
|
}
|
|
76758
76772
|
initBoxPlotMarkStyle() {
|
|
@@ -76778,7 +76792,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
76778
76792
|
max: (datum) => valueInScaleRange(dataToPosition(this.getDatumPositionValues(datum, this._maxField), {
|
|
76779
76793
|
bandPosition: this._bandPosition
|
|
76780
76794
|
}), scale)
|
|
76781
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
76795
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
76782
76796
|
}
|
|
76783
76797
|
const outlierMark = this._outlierMark;
|
|
76784
76798
|
if (outlierMark && axisHelper) {
|
|
@@ -76797,7 +76811,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
76797
76811
|
bandPosition: this._bandPosition
|
|
76798
76812
|
}), scale)
|
|
76799
76813
|
};
|
|
76800
|
-
this.setMarkStyle(outlierMark, outlierMarkPositionChannel, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
76814
|
+
this.setMarkStyle(outlierMark, outlierMarkPositionChannel, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
76801
76815
|
}
|
|
76802
76816
|
}
|
|
76803
76817
|
initData() {
|
|
@@ -77091,7 +77105,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
77091
77105
|
}
|
|
77092
77106
|
return (_y + _y1) / 2;
|
|
77093
77107
|
}
|
|
77094
|
-
}, 'normal', AttributeLevel.Series);
|
|
77108
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
77095
77109
|
}
|
|
77096
77110
|
|
|
77097
77111
|
class RangeColumnSeriesTooltipHelper extends BaseSeriesTooltipHelper {
|
|
@@ -77369,7 +77383,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
77369
77383
|
bandPosition: this._bandPosition
|
|
77370
77384
|
});
|
|
77371
77385
|
}
|
|
77372
|
-
}, 'normal', AttributeLevel.Series);
|
|
77386
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
77373
77387
|
}
|
|
77374
77388
|
else {
|
|
77375
77389
|
this.setMarkStyle(this._areaMark, {
|
|
@@ -77382,9 +77396,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
77382
77396
|
bandPosition: this._bandPosition
|
|
77383
77397
|
});
|
|
77384
77398
|
}
|
|
77385
|
-
}, 'normal', AttributeLevel.Series);
|
|
77399
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
77386
77400
|
}
|
|
77387
|
-
this.setMarkStyle(areaMark, { stroke: false }, 'normal', AttributeLevel.Series);
|
|
77401
|
+
this.setMarkStyle(areaMark, { stroke: false }, 'normal', exports.AttributeLevel.Series);
|
|
77388
77402
|
}
|
|
77389
77403
|
}
|
|
77390
77404
|
initTooltip() {
|
|
@@ -78154,14 +78168,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
78154
78168
|
};
|
|
78155
78169
|
const pieMark = this._pieMark;
|
|
78156
78170
|
if (pieMark) {
|
|
78157
|
-
this.setMarkStyle(pieMark, initialStyle, 'normal', AttributeLevel.Series);
|
|
78171
|
+
this.setMarkStyle(pieMark, initialStyle, 'normal', exports.AttributeLevel.Series);
|
|
78158
78172
|
}
|
|
78159
78173
|
const emptyPieMark = this._emptyArcMark;
|
|
78160
78174
|
if (emptyPieMark) {
|
|
78161
78175
|
this.setMarkStyle(emptyPieMark, Object.assign(Object.assign({}, initialStyle), { visible: () => {
|
|
78162
78176
|
const data = this.getViewData().latestData;
|
|
78163
78177
|
return !data || !data.length;
|
|
78164
|
-
} }), 'normal', AttributeLevel.Series);
|
|
78178
|
+
} }), 'normal', exports.AttributeLevel.Series);
|
|
78165
78179
|
}
|
|
78166
78180
|
}
|
|
78167
78181
|
initInteraction() {
|
|
@@ -78177,12 +78191,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
78177
78191
|
const pieSpec = this.getSpec()[mark.name];
|
|
78178
78192
|
if (pieSpec) {
|
|
78179
78193
|
for (const state in pieSpec.state || {}) {
|
|
78180
|
-
this.setMarkStyle(mark, this.generateRadiusStyle(pieSpec.state[state]), state, AttributeLevel.User_Mark);
|
|
78194
|
+
this.setMarkStyle(mark, this.generateRadiusStyle(pieSpec.state[state]), state, exports.AttributeLevel.User_Mark);
|
|
78181
78195
|
}
|
|
78182
78196
|
}
|
|
78183
78197
|
}
|
|
78184
78198
|
if (mark.name === 'emptyCircle') {
|
|
78185
|
-
this.setMarkStyle(mark, this.generateRadiusStyle(spec.style), 'normal', AttributeLevel.User_Mark);
|
|
78199
|
+
this.setMarkStyle(mark, this.generateRadiusStyle(spec.style), 'normal', exports.AttributeLevel.User_Mark);
|
|
78186
78200
|
}
|
|
78187
78201
|
}
|
|
78188
78202
|
initLabelMarkStyle(textMark) {
|
|
@@ -78414,7 +78428,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
78414
78428
|
if (pieMark) {
|
|
78415
78429
|
this.setMarkStyle(pieMark, {
|
|
78416
78430
|
beta: () => this._angle3d
|
|
78417
|
-
}, 'normal', AttributeLevel.Series);
|
|
78431
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
78418
78432
|
}
|
|
78419
78433
|
}
|
|
78420
78434
|
initLabelMarkStyle(textMark, spec = {}) {
|
|
@@ -78422,7 +78436,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
78422
78436
|
return;
|
|
78423
78437
|
}
|
|
78424
78438
|
super.initLabelMarkStyle(textMark);
|
|
78425
|
-
this.setMarkStyle(textMark, { support3d: true }, undefined, AttributeLevel.Mark);
|
|
78439
|
+
this.setMarkStyle(textMark, { support3d: true }, undefined, exports.AttributeLevel.Mark);
|
|
78426
78440
|
}
|
|
78427
78441
|
}
|
|
78428
78442
|
Pie3dSeries.type = exports.SeriesTypeEnum.pie3d;
|
|
@@ -79431,12 +79445,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
79431
79445
|
fill: this.getColorAttribute(),
|
|
79432
79446
|
curveType: DEFAULT_LINEAR_INTERPOLATE,
|
|
79433
79447
|
closePath: true
|
|
79434
|
-
}, 'normal', AttributeLevel.Series);
|
|
79448
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
79435
79449
|
if (this._invalidType !== 'zero') {
|
|
79436
79450
|
this.setMarkStyle(areaMark, {
|
|
79437
79451
|
defined: this._getInvalidDefined.bind(this),
|
|
79438
79452
|
connectedType: this._getInvalidConnectType()
|
|
79439
|
-
}, 'normal', AttributeLevel.Series);
|
|
79453
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
79440
79454
|
}
|
|
79441
79455
|
this.event.on(ChartEvent.viewDataStatisticsUpdate, { filter: param => param.model === this }, () => {
|
|
79442
79456
|
this.encodeDefined(areaMark, 'defined');
|
|
@@ -79723,14 +79737,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
79723
79737
|
y: 0,
|
|
79724
79738
|
width: 10000,
|
|
79725
79739
|
height: this._spec.clipHeight
|
|
79726
|
-
}, 'normal', AttributeLevel.Series);
|
|
79740
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
79727
79741
|
clipMark.setMarkConfig({ interactive: false, clip: true });
|
|
79728
79742
|
}
|
|
79729
79743
|
const containerMark = this._containerMark;
|
|
79730
79744
|
if (containerMark) {
|
|
79731
79745
|
this.setMarkStyle(containerMark, {
|
|
79732
79746
|
x: this._spec.leftAppendPadding
|
|
79733
|
-
}, 'normal', AttributeLevel.Series);
|
|
79747
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
79734
79748
|
containerMark.setMarkConfig({ interactive: false });
|
|
79735
79749
|
}
|
|
79736
79750
|
const gridBackgroundMark = this._gridBackgroundMark;
|
|
@@ -79742,7 +79756,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
79742
79756
|
y1: this.dataToGridBackgroundPositionY1.bind(this),
|
|
79743
79757
|
fill: this._gridBackground.fill,
|
|
79744
79758
|
fillOpacity: this.dataToGridBackgroundOpacity.bind(this)
|
|
79745
|
-
}, 'normal', AttributeLevel.Series);
|
|
79759
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
79746
79760
|
}
|
|
79747
79761
|
const gridMark = this._gridMark;
|
|
79748
79762
|
if (gridMark) {
|
|
@@ -79752,7 +79766,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
79752
79766
|
y: this.dataToPositionY.bind(this),
|
|
79753
79767
|
x1: this.getRegionRectRight.bind(this),
|
|
79754
79768
|
y1: this.dataToPositionY.bind(this)
|
|
79755
|
-
}, 'normal', AttributeLevel.Series);
|
|
79769
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
79756
79770
|
}
|
|
79757
79771
|
const dotMark = this._dotMark;
|
|
79758
79772
|
if (dotMark) {
|
|
@@ -79761,7 +79775,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
79761
79775
|
y: this.dataToPositionY.bind(this),
|
|
79762
79776
|
fill: this.getDotColorAttribute(),
|
|
79763
79777
|
fillOpacity: this.dataToOpacity.bind(this)
|
|
79764
|
-
}, 'normal', AttributeLevel.Series);
|
|
79778
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
79765
79779
|
}
|
|
79766
79780
|
const titleMark = this._titleMark;
|
|
79767
79781
|
if (titleMark) {
|
|
@@ -79772,7 +79786,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
79772
79786
|
},
|
|
79773
79787
|
x: this.getRegionRectLeft.bind(this),
|
|
79774
79788
|
y: this.dataToPositionY.bind(this)
|
|
79775
|
-
}, 'normal', AttributeLevel.Series);
|
|
79789
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
79776
79790
|
}
|
|
79777
79791
|
const subTitleMark = this._subTitleMark;
|
|
79778
79792
|
if (subTitleMark) {
|
|
@@ -79783,7 +79797,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
79783
79797
|
},
|
|
79784
79798
|
x: this.getRegionRectLeft.bind(this),
|
|
79785
79799
|
y: this.dataToPositionY.bind(this)
|
|
79786
|
-
}, 'normal', AttributeLevel.Series);
|
|
79800
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
79787
79801
|
}
|
|
79788
79802
|
const symbolMark = this._symbolMark;
|
|
79789
79803
|
if (symbolMark) {
|
|
@@ -79791,7 +79805,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
79791
79805
|
x: this.getRegionRectLeft.bind(this),
|
|
79792
79806
|
y: this.dataToPositionY.bind(this),
|
|
79793
79807
|
fill: this.getColorAttribute()
|
|
79794
|
-
}, 'normal', AttributeLevel.Series);
|
|
79808
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
79795
79809
|
}
|
|
79796
79810
|
}
|
|
79797
79811
|
dataToGridBackgroundPositionY(datum) {
|
|
@@ -79842,7 +79856,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
79842
79856
|
const layoutOffsetX = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.leftAppendPadding) !== null && _b !== void 0 ? _b : 0;
|
|
79843
79857
|
this.setMarkStyle(this._clipMark, {
|
|
79844
79858
|
width: this.getLayoutRect().width + layoutOffsetX
|
|
79845
|
-
}, 'normal', AttributeLevel.Series);
|
|
79859
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
79846
79860
|
}
|
|
79847
79861
|
getDefaultColorDomain() {
|
|
79848
79862
|
var _a, _b;
|
|
@@ -80084,7 +80098,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
80084
80098
|
y: 0,
|
|
80085
80099
|
width: 10000,
|
|
80086
80100
|
height: this._spec.clipHeight
|
|
80087
|
-
}, 'normal', AttributeLevel.Series);
|
|
80101
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
80088
80102
|
clipMark.setMarkConfig({ interactive: false, clip: true });
|
|
80089
80103
|
}
|
|
80090
80104
|
const containerMark = this._containerMark;
|
|
@@ -80092,7 +80106,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
80092
80106
|
this.setMarkStyle(containerMark, {
|
|
80093
80107
|
x: this._spec.leftAppendPadding,
|
|
80094
80108
|
width: this.getLayoutRect().width
|
|
80095
|
-
}, 'normal', AttributeLevel.Series);
|
|
80109
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
80096
80110
|
containerMark.setMarkConfig({ interactive: false });
|
|
80097
80111
|
}
|
|
80098
80112
|
const linkMark = this._linkMark;
|
|
@@ -80104,7 +80118,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
80104
80118
|
y: this.dataToPositionYFrom.bind(this),
|
|
80105
80119
|
x1: this.dataToPositionXTo.bind(this),
|
|
80106
80120
|
y1: this.dataToPositionYTo.bind(this)
|
|
80107
|
-
}, 'normal', AttributeLevel.Series);
|
|
80121
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
80108
80122
|
}
|
|
80109
80123
|
const arrowMark = this._arrowMark;
|
|
80110
80124
|
if (arrowMark) {
|
|
@@ -80118,7 +80132,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
80118
80132
|
symbolType: (datum) => {
|
|
80119
80133
|
return this.isPositionYFromHigher(datum) ? 'triangleDown' : 'triangleUp';
|
|
80120
80134
|
}
|
|
80121
|
-
}, 'normal', AttributeLevel.Series);
|
|
80135
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
80122
80136
|
}
|
|
80123
80137
|
}
|
|
80124
80138
|
afterInitMark() {
|
|
@@ -80396,7 +80410,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
80396
80410
|
this.setMarkStyle(groupMark, {
|
|
80397
80411
|
x: 0,
|
|
80398
80412
|
y: 0
|
|
80399
|
-
}, 'normal', AttributeLevel.Series);
|
|
80413
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
80400
80414
|
this._arcGroupMark.setMarkConfig({
|
|
80401
80415
|
interactive: false,
|
|
80402
80416
|
zIndex: this.layoutZIndex,
|
|
@@ -80586,7 +80600,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
80586
80600
|
fill: this.getColorAttribute(),
|
|
80587
80601
|
zIndex: 200,
|
|
80588
80602
|
forceShowCap: true
|
|
80589
|
-
}, 'normal', AttributeLevel.Series);
|
|
80603
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
80590
80604
|
}
|
|
80591
80605
|
}
|
|
80592
80606
|
initInteraction() {
|
|
@@ -80648,7 +80662,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
80648
80662
|
cornerRadius: this._spec.cornerRadius,
|
|
80649
80663
|
fill: this.getColorAttribute(),
|
|
80650
80664
|
zIndex: 100
|
|
80651
|
-
}, 'normal', AttributeLevel.Series);
|
|
80665
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
80652
80666
|
}
|
|
80653
80667
|
}
|
|
80654
80668
|
initAnimation() {
|
|
@@ -80837,7 +80851,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
80837
80851
|
width: this._spec.bandWidth - leftPadding - rightPadding,
|
|
80838
80852
|
cornerRadius: this._spec.cornerRadius,
|
|
80839
80853
|
fill: this.getColorAttribute()
|
|
80840
|
-
}, 'normal', AttributeLevel.Series);
|
|
80854
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
80841
80855
|
}
|
|
80842
80856
|
else {
|
|
80843
80857
|
const progress = this._spec.progress || {};
|
|
@@ -80859,7 +80873,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
80859
80873
|
},
|
|
80860
80874
|
cornerRadius: this._spec.cornerRadius,
|
|
80861
80875
|
fill: this.getColorAttribute()
|
|
80862
|
-
}, 'normal', AttributeLevel.Series);
|
|
80876
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
80863
80877
|
}
|
|
80864
80878
|
}
|
|
80865
80879
|
}
|
|
@@ -80886,7 +80900,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
80886
80900
|
width: this._spec.bandWidth,
|
|
80887
80901
|
height: () => this._scaleY.range()[0],
|
|
80888
80902
|
cornerRadius: this._spec.cornerRadius
|
|
80889
|
-
}, 'normal', AttributeLevel.Series);
|
|
80903
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
80890
80904
|
}
|
|
80891
80905
|
else {
|
|
80892
80906
|
this.setMarkStyle(trackMark, {
|
|
@@ -80899,7 +80913,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
80899
80913
|
height: this._spec.bandWidth,
|
|
80900
80914
|
width: () => this._scaleX.range()[1],
|
|
80901
80915
|
cornerRadius: this._spec.cornerRadius
|
|
80902
|
-
}, 'normal', AttributeLevel.Series);
|
|
80916
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
80903
80917
|
}
|
|
80904
80918
|
}
|
|
80905
80919
|
}
|
|
@@ -81076,7 +81090,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
81076
81090
|
background: () => {
|
|
81077
81091
|
return this._maskCanvas;
|
|
81078
81092
|
}
|
|
81079
|
-
}, 'normal', AttributeLevel.Series);
|
|
81093
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
81080
81094
|
}
|
|
81081
81095
|
}
|
|
81082
81096
|
initMarkStyleOfWord(wordMark, wordSpec, colorHexField, seriesField, isFillingWord) {
|
|
@@ -81096,12 +81110,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
81096
81110
|
fontStyle: (datum) => datum.fontStyle,
|
|
81097
81111
|
angle: (datum) => datum.angle,
|
|
81098
81112
|
visible: (datum) => datum.visible
|
|
81099
|
-
}, 'normal', AttributeLevel.Series);
|
|
81113
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
81100
81114
|
this.setMarkStyle(wordMark, {
|
|
81101
81115
|
fill: (_b = (_a = wordSpec === null || wordSpec === void 0 ? void 0 : wordSpec.style) === null || _a === void 0 ? void 0 : _a.fill) !== null && _b !== void 0 ? _b : this.getWordColor,
|
|
81102
81116
|
fontWeight: (datum) => datum.fontWeight,
|
|
81103
81117
|
fontFamily: (datum) => datum.fontFamily
|
|
81104
|
-
}, 'normal', AttributeLevel.User_Mark);
|
|
81118
|
+
}, 'normal', exports.AttributeLevel.User_Mark);
|
|
81105
81119
|
}
|
|
81106
81120
|
initTooltip() {
|
|
81107
81121
|
super.initTooltip();
|
|
@@ -83287,7 +83301,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
83287
83301
|
if (wordMark) {
|
|
83288
83302
|
this.setMarkStyle(wordMark, {
|
|
83289
83303
|
z: (datum) => { var _a; return (_a = datum.z) !== null && _a !== void 0 ? _a : 0; }
|
|
83290
|
-
}, 'normal', AttributeLevel.Series);
|
|
83304
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
83291
83305
|
}
|
|
83292
83306
|
}
|
|
83293
83307
|
initAnimation() {
|
|
@@ -83612,11 +83626,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
83612
83626
|
points: (datum) => this.getPoints(datum),
|
|
83613
83627
|
visible: (datum) => isValid$1(datum[this._valueField]),
|
|
83614
83628
|
fill: this.getColorAttribute()
|
|
83615
|
-
}, 'normal', AttributeLevel.Series);
|
|
83629
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
83616
83630
|
}
|
|
83617
83631
|
const funnelTransformMark = this._funnelTransformMark;
|
|
83618
83632
|
if (funnelTransformMark) {
|
|
83619
|
-
this.setMarkStyle(funnelTransformMark, { points: (datum) => this.getPoints(datum) }, 'normal', AttributeLevel.Series);
|
|
83633
|
+
this.setMarkStyle(funnelTransformMark, { points: (datum) => this.getPoints(datum) }, 'normal', exports.AttributeLevel.Series);
|
|
83620
83634
|
}
|
|
83621
83635
|
const outerLabelMark = this._funnelOuterLabelMark.label;
|
|
83622
83636
|
if (outerLabelMark) {
|
|
@@ -83629,13 +83643,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
83629
83643
|
maxLineWidth: (datum) => this._computeOuterLabelLimit(datum),
|
|
83630
83644
|
width: 0,
|
|
83631
83645
|
height: 0
|
|
83632
|
-
}, 'normal', AttributeLevel.Series);
|
|
83646
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
83633
83647
|
if (isFunction$1(this._spec.outerLabel.formatMethod)) {
|
|
83634
83648
|
this.setMarkStyle(outerLabelMark, {
|
|
83635
83649
|
text: (datum) => {
|
|
83636
83650
|
return this._spec.outerLabel.formatMethod(`${datum[this.getCategoryField()]}`, datum);
|
|
83637
83651
|
}
|
|
83638
|
-
}, 'normal', AttributeLevel.User_Mark);
|
|
83652
|
+
}, 'normal', exports.AttributeLevel.User_Mark);
|
|
83639
83653
|
}
|
|
83640
83654
|
}
|
|
83641
83655
|
const outerLabelLineMark = this._funnelOuterLabelMark.line;
|
|
@@ -83645,7 +83659,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
83645
83659
|
y: (datum) => this._computeOuterLabelLinePosition(datum).y1,
|
|
83646
83660
|
x1: (datum) => this._computeOuterLabelLinePosition(datum).x2,
|
|
83647
83661
|
y1: (datum) => this._computeOuterLabelLinePosition(datum).y2
|
|
83648
|
-
}, 'normal', AttributeLevel.Series);
|
|
83662
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
83649
83663
|
}
|
|
83650
83664
|
}
|
|
83651
83665
|
initLabelMarkStyle(labelMark) {
|
|
@@ -83663,7 +83677,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
83663
83677
|
y: (datum) => this._computeLabelPosition(datum).y,
|
|
83664
83678
|
maxLineWidth: (datum) => this._computeLabelLimit(datum, this._spec.label),
|
|
83665
83679
|
stroke: this.getColorAttribute()
|
|
83666
|
-
}, 'normal', AttributeLevel.Series);
|
|
83680
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
83667
83681
|
if ((_a = this._funnelOuterLabelMark) === null || _a === void 0 ? void 0 : _a.label) {
|
|
83668
83682
|
this._funnelOuterLabelMark.label.setDepend(component);
|
|
83669
83683
|
}
|
|
@@ -83681,7 +83695,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
83681
83695
|
x: (datum) => this._computeLabelPosition(datum).x,
|
|
83682
83696
|
y: (datum) => this._computeLabelPosition(datum).y,
|
|
83683
83697
|
maxLineWidth: (datum) => this._computeLabelLimit(datum, this._spec.transformLabel)
|
|
83684
|
-
}, 'normal', AttributeLevel.Series);
|
|
83698
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
83685
83699
|
}
|
|
83686
83700
|
}
|
|
83687
83701
|
initAnimation() {
|
|
@@ -84181,7 +84195,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
84181
84195
|
const width = Math.max(Math.abs(points[0].x - points[1].x), Math.abs(points[2].x - points[3].x));
|
|
84182
84196
|
return (this._computeMaxSize() - width) / 2;
|
|
84183
84197
|
}
|
|
84184
|
-
}, 'normal', AttributeLevel.Series);
|
|
84198
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
84185
84199
|
}
|
|
84186
84200
|
}
|
|
84187
84201
|
initLabelMarkStyle(labelMark) {
|
|
@@ -84196,7 +84210,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
84196
84210
|
const width = Math.max(Math.abs(points[0].x - points[1].x), Math.abs(points[2].x - points[3].x));
|
|
84197
84211
|
return (this._computeMaxSize() - width) / 2;
|
|
84198
84212
|
}
|
|
84199
|
-
}, 'normal', AttributeLevel.Series);
|
|
84213
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
84200
84214
|
this._labelMark = labelMark;
|
|
84201
84215
|
if ((_a = this._funnelOuterLabelMark) === null || _a === void 0 ? void 0 : _a.label) {
|
|
84202
84216
|
this._funnelOuterLabelMark.label.setDepend(labelMark.getComponent());
|
|
@@ -85380,7 +85394,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
85380
85394
|
startAngle: d => d.startAngle,
|
|
85381
85395
|
endAngle: d => d.endAngle,
|
|
85382
85396
|
fill: this.getColorAttribute()
|
|
85383
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
85397
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
85384
85398
|
}
|
|
85385
85399
|
_initLabelMark() {
|
|
85386
85400
|
if (this._label.visible !== true) {
|
|
@@ -85412,7 +85426,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
85412
85426
|
angle: (d) => { var _a, _b; return (_b = (_a = d.label) === null || _a === void 0 ? void 0 : _a.angle) !== null && _b !== void 0 ? _b : 0; },
|
|
85413
85427
|
fontSize: 10,
|
|
85414
85428
|
text: (d) => d.name
|
|
85415
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
85429
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
85416
85430
|
}
|
|
85417
85431
|
initTooltip() {
|
|
85418
85432
|
this._tooltipHelper = new SunburstTooltipHelper(this);
|
|
@@ -85670,7 +85684,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
85670
85684
|
endAngle: Math.PI * 2,
|
|
85671
85685
|
fill: this.getColorAttribute(),
|
|
85672
85686
|
zIndex: d => d.depth
|
|
85673
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
85687
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
85674
85688
|
}
|
|
85675
85689
|
_initLabelMark() {
|
|
85676
85690
|
var _a;
|
|
@@ -85693,7 +85707,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
85693
85707
|
return d.key;
|
|
85694
85708
|
},
|
|
85695
85709
|
cursor: 'pointer'
|
|
85696
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
85710
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
85697
85711
|
}
|
|
85698
85712
|
getStatisticFields() {
|
|
85699
85713
|
return appendHierarchyFields(super.getStatisticFields(), this._categoryField, this._valueField);
|
|
@@ -86631,28 +86645,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
86631
86645
|
}
|
|
86632
86646
|
}
|
|
86633
86647
|
};
|
|
86634
|
-
this._handleClearEmpty = (highlightState, blurState) => {
|
|
86635
|
-
var _a, _b;
|
|
86636
|
-
if (!this._needClear) {
|
|
86637
|
-
return;
|
|
86638
|
-
}
|
|
86639
|
-
const allNodeElements = (_a = this._nodeMark) === null || _a === void 0 ? void 0 : _a.getProductElements();
|
|
86640
|
-
if (!allNodeElements || !allNodeElements.length) {
|
|
86641
|
-
return;
|
|
86642
|
-
}
|
|
86643
|
-
const allLinkElements = (_b = this._linkMark) === null || _b === void 0 ? void 0 : _b.getProductElements();
|
|
86644
|
-
if (!allLinkElements || !allLinkElements.length) {
|
|
86645
|
-
return;
|
|
86646
|
-
}
|
|
86647
|
-
const states = [highlightState, blurState];
|
|
86648
|
-
allNodeElements.forEach(el => {
|
|
86649
|
-
el.removeState(states);
|
|
86650
|
-
});
|
|
86651
|
-
allLinkElements.forEach(el => {
|
|
86652
|
-
el.removeState(states);
|
|
86653
|
-
});
|
|
86654
|
-
this._needClear = false;
|
|
86655
|
-
};
|
|
86656
86648
|
this._handleNodeAdjacencyClick = (element, highlightState, blurState) => {
|
|
86657
86649
|
const nodeDatum = element.getDatum();
|
|
86658
86650
|
const highlightNodes = [nodeDatum.key];
|
|
@@ -86712,293 +86704,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
86712
86704
|
}
|
|
86713
86705
|
this._needClear = true;
|
|
86714
86706
|
};
|
|
86715
|
-
this._handleNodeRelatedClick = (element, highlightState, blurState) => {
|
|
86716
|
-
var _a;
|
|
86717
|
-
const nodeDatum = element.getDatum();
|
|
86718
|
-
const allNodeElements = this._nodeMark.getProductElements();
|
|
86719
|
-
if (!allNodeElements || !allNodeElements.length) {
|
|
86720
|
-
return;
|
|
86721
|
-
}
|
|
86722
|
-
const allLinkElements = this._linkMark.getProductElements();
|
|
86723
|
-
if (!allLinkElements || !allLinkElements.length) {
|
|
86724
|
-
return;
|
|
86725
|
-
}
|
|
86726
|
-
const father = ((_a = allLinkElements[0].getDatum()) === null || _a === void 0 ? void 0 : _a.parents) ? 'parents' : 'source';
|
|
86727
|
-
if (father === 'source') {
|
|
86728
|
-
const highlightNodes = [nodeDatum.key];
|
|
86729
|
-
const highlightLinks = [];
|
|
86730
|
-
allLinkElements.forEach((linkEl, i) => {
|
|
86731
|
-
var _a, _b, _c, _d;
|
|
86732
|
-
const linkDatum = linkEl.getDatum();
|
|
86733
|
-
const father = (linkDatum === null || linkDatum === void 0 ? void 0 : linkDatum.parents) ? 'parents' : 'source';
|
|
86734
|
-
if (array(linkDatum[father]).includes(nodeDatum.key)) {
|
|
86735
|
-
if (!highlightLinks.includes((_a = linkDatum.key) !== null && _a !== void 0 ? _a : linkDatum.index)) {
|
|
86736
|
-
highlightLinks.push((_b = linkDatum.key) !== null && _b !== void 0 ? _b : linkDatum.index);
|
|
86737
|
-
}
|
|
86738
|
-
if (!highlightNodes.includes(linkDatum.source)) {
|
|
86739
|
-
highlightNodes.push(linkDatum.source);
|
|
86740
|
-
}
|
|
86741
|
-
if (!highlightNodes.includes(linkDatum.target)) {
|
|
86742
|
-
highlightNodes.push(linkDatum.target);
|
|
86743
|
-
const targetNode = allNodeElements.find(nodeElement => {
|
|
86744
|
-
return nodeElement.data[0].key === linkDatum.target;
|
|
86745
|
-
});
|
|
86746
|
-
let targetNodeSourceLinks = targetNode.data[0].sourceLinks;
|
|
86747
|
-
while ((targetNodeSourceLinks === null || targetNodeSourceLinks === void 0 ? void 0 : targetNodeSourceLinks.length) > 0) {
|
|
86748
|
-
const newTargetNodeSourceLinks = [];
|
|
86749
|
-
targetNodeSourceLinks.forEach((targetNodeSourceLinkDatum) => {
|
|
86750
|
-
var _a, _b;
|
|
86751
|
-
if (!highlightLinks.includes((_a = targetNodeSourceLinkDatum.key) !== null && _a !== void 0 ? _a : targetNodeSourceLinkDatum.index)) {
|
|
86752
|
-
highlightLinks.push((_b = targetNodeSourceLinkDatum.key) !== null && _b !== void 0 ? _b : targetNodeSourceLinkDatum.index);
|
|
86753
|
-
if (!highlightNodes.includes(targetNodeSourceLinkDatum.target)) {
|
|
86754
|
-
highlightNodes.push(targetNodeSourceLinkDatum.target);
|
|
86755
|
-
const sourceNodeTemp = allNodeElements.find(nodeElement => {
|
|
86756
|
-
return nodeElement.data[0].key === targetNodeSourceLinkDatum.target;
|
|
86757
|
-
});
|
|
86758
|
-
newTargetNodeSourceLinks.push(sourceNodeTemp.data[0].targetLinks);
|
|
86759
|
-
}
|
|
86760
|
-
else {
|
|
86761
|
-
return;
|
|
86762
|
-
}
|
|
86763
|
-
}
|
|
86764
|
-
else {
|
|
86765
|
-
return;
|
|
86766
|
-
}
|
|
86767
|
-
});
|
|
86768
|
-
targetNodeSourceLinks = newTargetNodeSourceLinks;
|
|
86769
|
-
return;
|
|
86770
|
-
}
|
|
86771
|
-
}
|
|
86772
|
-
}
|
|
86773
|
-
else if (linkDatum.target === nodeDatum.key) {
|
|
86774
|
-
if (!highlightLinks.includes((_c = linkDatum.key) !== null && _c !== void 0 ? _c : linkDatum.index)) {
|
|
86775
|
-
highlightLinks.push((_d = linkDatum.key) !== null && _d !== void 0 ? _d : linkDatum.index);
|
|
86776
|
-
}
|
|
86777
|
-
if (!highlightNodes.includes(linkDatum.source)) {
|
|
86778
|
-
highlightNodes.push(linkDatum.source);
|
|
86779
|
-
const sourceNode = allNodeElements.find(nodeElement => {
|
|
86780
|
-
return nodeElement.data[0].key === linkDatum.source;
|
|
86781
|
-
});
|
|
86782
|
-
let sourceNodeTargetLinks = sourceNode.data[0].targetLinks;
|
|
86783
|
-
while ((sourceNodeTargetLinks === null || sourceNodeTargetLinks === void 0 ? void 0 : sourceNodeTargetLinks.length) > 0) {
|
|
86784
|
-
const newSourceNodeTargetLinks = [];
|
|
86785
|
-
sourceNodeTargetLinks.forEach((sourceNodeTargetLinkDatum) => {
|
|
86786
|
-
var _a, _b;
|
|
86787
|
-
if (!highlightLinks.includes((_a = sourceNodeTargetLinkDatum.key) !== null && _a !== void 0 ? _a : sourceNodeTargetLinkDatum.index)) {
|
|
86788
|
-
highlightLinks.push((_b = sourceNodeTargetLinkDatum.key) !== null && _b !== void 0 ? _b : sourceNodeTargetLinkDatum.index);
|
|
86789
|
-
if (!highlightNodes.includes(sourceNodeTargetLinkDatum.source)) {
|
|
86790
|
-
highlightNodes.push(sourceNodeTargetLinkDatum.source);
|
|
86791
|
-
const sourceNodeTemp = allNodeElements.find(nodeElement => {
|
|
86792
|
-
return nodeElement.data[0].key === sourceNodeTargetLinkDatum.source;
|
|
86793
|
-
});
|
|
86794
|
-
newSourceNodeTargetLinks.push(sourceNodeTemp.data[0].targetLinks);
|
|
86795
|
-
}
|
|
86796
|
-
else {
|
|
86797
|
-
return;
|
|
86798
|
-
}
|
|
86799
|
-
}
|
|
86800
|
-
else {
|
|
86801
|
-
return;
|
|
86802
|
-
}
|
|
86803
|
-
});
|
|
86804
|
-
sourceNodeTargetLinks = newSourceNodeTargetLinks;
|
|
86805
|
-
return;
|
|
86806
|
-
}
|
|
86807
|
-
}
|
|
86808
|
-
}
|
|
86809
|
-
});
|
|
86810
|
-
if (this._linkMark) {
|
|
86811
|
-
const allLinkElements = this._linkMark.getProductElements();
|
|
86812
|
-
if (!allLinkElements || !allLinkElements.length) {
|
|
86813
|
-
return;
|
|
86814
|
-
}
|
|
86815
|
-
allLinkElements.forEach((linkEl, i) => {
|
|
86816
|
-
var _a;
|
|
86817
|
-
if (highlightLinks.includes((_a = linkEl.getDatum().key) !== null && _a !== void 0 ? _a : linkEl.getDatum().index)) {
|
|
86818
|
-
linkEl.removeState(blurState);
|
|
86819
|
-
linkEl.addState(highlightState);
|
|
86820
|
-
}
|
|
86821
|
-
else {
|
|
86822
|
-
linkEl.removeState(highlightState);
|
|
86823
|
-
linkEl.addState(blurState);
|
|
86824
|
-
}
|
|
86825
|
-
});
|
|
86826
|
-
}
|
|
86827
|
-
if (this._nodeMark) {
|
|
86828
|
-
this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
|
|
86829
|
-
}
|
|
86830
|
-
}
|
|
86831
|
-
else {
|
|
86832
|
-
const highlightNodes = [nodeDatum.key];
|
|
86833
|
-
const upstreamLinks = nodeDatum.targetLinks.reduce((res, link) => {
|
|
86834
|
-
const dividedLinks = array(link.datum);
|
|
86835
|
-
dividedLinks.forEach(dividedLink => {
|
|
86836
|
-
const parents = dividedLink.parents;
|
|
86837
|
-
const len = parents.length;
|
|
86838
|
-
for (let i = 0; i < len; i++) {
|
|
86839
|
-
const source = parents[i].key;
|
|
86840
|
-
const target = parents[i + 1] ? parents[i + 1].key : nodeDatum.key;
|
|
86841
|
-
const value = dividedLink.value;
|
|
86842
|
-
const existingItem = res.find(item => item.source === source && item.target === target);
|
|
86843
|
-
if (existingItem) {
|
|
86844
|
-
existingItem.value += value;
|
|
86845
|
-
}
|
|
86846
|
-
else {
|
|
86847
|
-
res.push({ source, target, value });
|
|
86848
|
-
}
|
|
86849
|
-
}
|
|
86850
|
-
});
|
|
86851
|
-
return res;
|
|
86852
|
-
}, []);
|
|
86853
|
-
allLinkElements.forEach((linkEl, i) => {
|
|
86854
|
-
const linkDatum = linkEl.getDatum();
|
|
86855
|
-
const originalDatum = linkDatum.datum;
|
|
86856
|
-
const selectedDatum = originalDatum
|
|
86857
|
-
? originalDatum.filter((entry) => entry[father].some((par) => par.key === nodeDatum.key))
|
|
86858
|
-
: null;
|
|
86859
|
-
const upSelectedLink = upstreamLinks.find((upLink) => upLink.source === linkDatum.source && upLink.target === linkDatum.target);
|
|
86860
|
-
if (selectedDatum && selectedDatum.length) {
|
|
86861
|
-
if (!highlightNodes.includes(linkDatum.source)) {
|
|
86862
|
-
highlightNodes.push(linkDatum.source);
|
|
86863
|
-
}
|
|
86864
|
-
if (!highlightNodes.includes(linkDatum.target)) {
|
|
86865
|
-
highlightNodes.push(linkDatum.target);
|
|
86866
|
-
}
|
|
86867
|
-
const val = selectedDatum.reduce((sum, d) => {
|
|
86868
|
-
return (sum += d.value);
|
|
86869
|
-
}, 0);
|
|
86870
|
-
const ratio = val / linkDatum.value;
|
|
86871
|
-
linkEl.removeState(blurState);
|
|
86872
|
-
linkEl.addState(highlightState, { ratio });
|
|
86873
|
-
return;
|
|
86874
|
-
}
|
|
86875
|
-
if (upSelectedLink) {
|
|
86876
|
-
if (!highlightNodes.includes(linkDatum.source)) {
|
|
86877
|
-
highlightNodes.push(linkDatum.source);
|
|
86878
|
-
}
|
|
86879
|
-
if (!highlightNodes.includes(linkDatum.target)) {
|
|
86880
|
-
highlightNodes.push(linkDatum.target);
|
|
86881
|
-
}
|
|
86882
|
-
linkEl.removeState(blurState);
|
|
86883
|
-
linkEl.addState(highlightState, { ratio: upSelectedLink.value / linkDatum.value });
|
|
86884
|
-
return;
|
|
86885
|
-
}
|
|
86886
|
-
linkEl.removeState(highlightState);
|
|
86887
|
-
linkEl.addState(blurState);
|
|
86888
|
-
return;
|
|
86889
|
-
});
|
|
86890
|
-
if (this._nodeMark) {
|
|
86891
|
-
this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
|
|
86892
|
-
}
|
|
86893
|
-
}
|
|
86894
|
-
this._needClear = true;
|
|
86895
|
-
};
|
|
86896
|
-
this._handleLinkRelatedClick = (element, highlightState, blurState) => {
|
|
86897
|
-
var _a;
|
|
86898
|
-
const allNodeElements = this._nodeMark.getProductElements();
|
|
86899
|
-
if (!allNodeElements || !allNodeElements.length) {
|
|
86900
|
-
return;
|
|
86901
|
-
}
|
|
86902
|
-
const allLinkElements = this._linkMark.getProductElements();
|
|
86903
|
-
if (!allLinkElements || !allLinkElements.length) {
|
|
86904
|
-
return;
|
|
86905
|
-
}
|
|
86906
|
-
const father = ((_a = element.getDatum()) === null || _a === void 0 ? void 0 : _a.parents) ? 'parents' : 'source';
|
|
86907
|
-
if (father === 'source') {
|
|
86908
|
-
const states = [highlightState, blurState];
|
|
86909
|
-
if (this._linkMark) {
|
|
86910
|
-
allLinkElements.forEach(linkEl => {
|
|
86911
|
-
linkEl.removeState(states);
|
|
86912
|
-
});
|
|
86913
|
-
}
|
|
86914
|
-
if (this._nodeMark) {
|
|
86915
|
-
allNodeElements.forEach(el => {
|
|
86916
|
-
el.removeState(states);
|
|
86917
|
-
});
|
|
86918
|
-
}
|
|
86919
|
-
}
|
|
86920
|
-
else {
|
|
86921
|
-
const curLinkDatum = element.getDatum();
|
|
86922
|
-
const highlightNodes = [curLinkDatum.source, curLinkDatum.target];
|
|
86923
|
-
const upstreamLinks = [];
|
|
86924
|
-
const dividedLinks = array(curLinkDatum.datum);
|
|
86925
|
-
dividedLinks.forEach(dividedLink => {
|
|
86926
|
-
const parents = dividedLink.parents;
|
|
86927
|
-
const len = parents.length;
|
|
86928
|
-
for (let i = 0; i < len - 1; i++) {
|
|
86929
|
-
const source = parents[i].key;
|
|
86930
|
-
const target = parents[i + 1].key;
|
|
86931
|
-
const value = dividedLink.value;
|
|
86932
|
-
const existingItem = upstreamLinks.find(item => item.source === source && item.target === target);
|
|
86933
|
-
upstreamLinks.push({
|
|
86934
|
-
source: parents[i].key,
|
|
86935
|
-
target: parents[i + 1].key,
|
|
86936
|
-
value: dividedLink.value
|
|
86937
|
-
});
|
|
86938
|
-
if (existingItem) {
|
|
86939
|
-
existingItem.value += value;
|
|
86940
|
-
}
|
|
86941
|
-
else {
|
|
86942
|
-
upstreamLinks.push({ source, target, value });
|
|
86943
|
-
}
|
|
86944
|
-
}
|
|
86945
|
-
});
|
|
86946
|
-
allLinkElements.forEach(linkEl => {
|
|
86947
|
-
const linkDatum = linkEl.getDatum();
|
|
86948
|
-
const originalDatum = linkDatum.datum;
|
|
86949
|
-
if (linkDatum.source === curLinkDatum.source && linkDatum.target === curLinkDatum.target) {
|
|
86950
|
-
linkEl.removeState(blurState);
|
|
86951
|
-
linkEl.addState(highlightState, { ratio: 1 });
|
|
86952
|
-
return;
|
|
86953
|
-
}
|
|
86954
|
-
const selectedDatum = originalDatum
|
|
86955
|
-
? originalDatum.filter((entry) => {
|
|
86956
|
-
const parentKeysList = entry.parents.map((item) => item.key);
|
|
86957
|
-
return parentKeysList.includes(curLinkDatum.source) && parentKeysList.includes(curLinkDatum.target);
|
|
86958
|
-
})
|
|
86959
|
-
: null;
|
|
86960
|
-
if (selectedDatum && selectedDatum.length) {
|
|
86961
|
-
if (!highlightNodes.includes(linkDatum.source)) {
|
|
86962
|
-
highlightNodes.push(linkDatum.source);
|
|
86963
|
-
}
|
|
86964
|
-
if (!highlightNodes.includes(linkDatum.target)) {
|
|
86965
|
-
highlightNodes.push(linkDatum.target);
|
|
86966
|
-
}
|
|
86967
|
-
const val = selectedDatum
|
|
86968
|
-
.filter((entry) => {
|
|
86969
|
-
return entry.parents.some((par, index) => {
|
|
86970
|
-
var _a;
|
|
86971
|
-
return par.key === curLinkDatum.source && ((_a = entry.parents[index + 1]) === null || _a === void 0 ? void 0 : _a.key) === curLinkDatum.target;
|
|
86972
|
-
});
|
|
86973
|
-
})
|
|
86974
|
-
.reduce((sum, d) => {
|
|
86975
|
-
return (sum += d.value);
|
|
86976
|
-
}, 0);
|
|
86977
|
-
const ratio = val / linkDatum.value;
|
|
86978
|
-
linkEl.removeState(blurState);
|
|
86979
|
-
linkEl.addState(highlightState, { ratio });
|
|
86980
|
-
return;
|
|
86981
|
-
}
|
|
86982
|
-
const upSelectedLink = upstreamLinks.find((upLink) => upLink.source === linkDatum.source && upLink.target === linkDatum.target);
|
|
86983
|
-
if (upSelectedLink) {
|
|
86984
|
-
if (!highlightNodes.includes(linkDatum.source)) {
|
|
86985
|
-
highlightNodes.push(linkDatum.source);
|
|
86986
|
-
}
|
|
86987
|
-
if (!highlightNodes.includes(linkDatum.target)) {
|
|
86988
|
-
highlightNodes.push(linkDatum.target);
|
|
86989
|
-
}
|
|
86990
|
-
linkEl.removeState(blurState);
|
|
86991
|
-
linkEl.addState(highlightState, { ratio: upSelectedLink.value / linkDatum.value });
|
|
86992
|
-
return;
|
|
86993
|
-
}
|
|
86994
|
-
linkEl.removeState(highlightState);
|
|
86995
|
-
linkEl.addState(blurState);
|
|
86996
|
-
return;
|
|
86997
|
-
});
|
|
86998
|
-
this._highLightElements(allNodeElements, highlightNodes, highlightState, blurState);
|
|
86999
|
-
}
|
|
87000
|
-
this._needClear = true;
|
|
87001
|
-
};
|
|
87002
86707
|
}
|
|
87003
86708
|
get direction() {
|
|
87004
86709
|
var _a, _b;
|
|
@@ -87199,10 +86904,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
87199
86904
|
x1: (datum) => datum.x1,
|
|
87200
86905
|
y: (datum) => datum.y0,
|
|
87201
86906
|
y1: (datum) => datum.y1
|
|
87202
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Mark);
|
|
86907
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Mark);
|
|
87203
86908
|
this.setMarkStyle(nodeMark, {
|
|
87204
86909
|
fill: (_b = (_a = this._spec.node.style) === null || _a === void 0 ? void 0 : _a.fill) !== null && _b !== void 0 ? _b : this._fillByNode
|
|
87205
|
-
}, 'normal', AttributeLevel.User_Mark);
|
|
86910
|
+
}, 'normal', exports.AttributeLevel.User_Mark);
|
|
87206
86911
|
}
|
|
87207
86912
|
_initLinkMarkStyle() {
|
|
87208
86913
|
var _a, _b;
|
|
@@ -87217,10 +86922,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
87217
86922
|
y1: (datum) => datum.y1,
|
|
87218
86923
|
thickness: (datum) => datum.thickness,
|
|
87219
86924
|
direction: this.direction
|
|
87220
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
86925
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
87221
86926
|
this.setMarkStyle(linkMark, {
|
|
87222
86927
|
fill: (_b = (_a = this._spec.link.style) === null || _a === void 0 ? void 0 : _a.fill) !== null && _b !== void 0 ? _b : this._fillByLink
|
|
87223
|
-
}, 'normal', AttributeLevel.User_Mark);
|
|
86928
|
+
}, 'normal', exports.AttributeLevel.User_Mark);
|
|
87224
86929
|
}
|
|
87225
86930
|
initLabelMarkStyle(labelMark, labelSpec) {
|
|
87226
86931
|
if (!labelMark) {
|
|
@@ -87299,6 +87004,315 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
87299
87004
|
linksSeriesDataUpdate() {
|
|
87300
87005
|
this._linksSeriesData.updateData();
|
|
87301
87006
|
}
|
|
87007
|
+
_handleClearEmpty(highlightState, blurState) {
|
|
87008
|
+
var _a, _b;
|
|
87009
|
+
if (!this._needClear) {
|
|
87010
|
+
return;
|
|
87011
|
+
}
|
|
87012
|
+
const allNodeElements = (_a = this._nodeMark) === null || _a === void 0 ? void 0 : _a.getProductElements();
|
|
87013
|
+
if (!allNodeElements || !allNodeElements.length) {
|
|
87014
|
+
return;
|
|
87015
|
+
}
|
|
87016
|
+
const allLinkElements = (_b = this._linkMark) === null || _b === void 0 ? void 0 : _b.getProductElements();
|
|
87017
|
+
if (!allLinkElements || !allLinkElements.length) {
|
|
87018
|
+
return;
|
|
87019
|
+
}
|
|
87020
|
+
const states = [highlightState, blurState];
|
|
87021
|
+
allNodeElements.forEach(el => {
|
|
87022
|
+
el.removeState(states);
|
|
87023
|
+
});
|
|
87024
|
+
allLinkElements.forEach(el => {
|
|
87025
|
+
el.removeState(states);
|
|
87026
|
+
});
|
|
87027
|
+
this._needClear = false;
|
|
87028
|
+
}
|
|
87029
|
+
_handleNodeRelatedClick(element, highlightState, blurState) {
|
|
87030
|
+
var _a;
|
|
87031
|
+
const nodeDatum = element.getDatum();
|
|
87032
|
+
const allNodeElements = this._nodeMark.getProductElements();
|
|
87033
|
+
if (!allNodeElements || !allNodeElements.length) {
|
|
87034
|
+
return;
|
|
87035
|
+
}
|
|
87036
|
+
const allLinkElements = this._linkMark.getProductElements();
|
|
87037
|
+
if (!allLinkElements || !allLinkElements.length) {
|
|
87038
|
+
return;
|
|
87039
|
+
}
|
|
87040
|
+
const father = ((_a = allLinkElements[0].getDatum()) === null || _a === void 0 ? void 0 : _a.parents) ? 'parents' : 'source';
|
|
87041
|
+
if (father === 'source') {
|
|
87042
|
+
const highlightNodes = [nodeDatum.key];
|
|
87043
|
+
const highlightLinks = [];
|
|
87044
|
+
allLinkElements.forEach((linkEl, i) => {
|
|
87045
|
+
var _a, _b, _c, _d;
|
|
87046
|
+
const linkDatum = linkEl.getDatum();
|
|
87047
|
+
const father = (linkDatum === null || linkDatum === void 0 ? void 0 : linkDatum.parents) ? 'parents' : 'source';
|
|
87048
|
+
if (array(linkDatum[father]).includes(nodeDatum.key)) {
|
|
87049
|
+
if (!highlightLinks.includes((_a = linkDatum.key) !== null && _a !== void 0 ? _a : linkDatum.index)) {
|
|
87050
|
+
highlightLinks.push((_b = linkDatum.key) !== null && _b !== void 0 ? _b : linkDatum.index);
|
|
87051
|
+
}
|
|
87052
|
+
if (!highlightNodes.includes(linkDatum.source)) {
|
|
87053
|
+
highlightNodes.push(linkDatum.source);
|
|
87054
|
+
}
|
|
87055
|
+
if (!highlightNodes.includes(linkDatum.target)) {
|
|
87056
|
+
highlightNodes.push(linkDatum.target);
|
|
87057
|
+
const targetNode = allNodeElements.find(nodeElement => {
|
|
87058
|
+
return nodeElement.data[0].key === linkDatum.target;
|
|
87059
|
+
});
|
|
87060
|
+
let targetNodeSourceLinks = targetNode.data[0].sourceLinks;
|
|
87061
|
+
while ((targetNodeSourceLinks === null || targetNodeSourceLinks === void 0 ? void 0 : targetNodeSourceLinks.length) > 0) {
|
|
87062
|
+
const newTargetNodeSourceLinks = [];
|
|
87063
|
+
targetNodeSourceLinks.forEach((targetNodeSourceLinkDatum) => {
|
|
87064
|
+
var _a, _b;
|
|
87065
|
+
if (!highlightLinks.includes((_a = targetNodeSourceLinkDatum.key) !== null && _a !== void 0 ? _a : targetNodeSourceLinkDatum.index)) {
|
|
87066
|
+
highlightLinks.push((_b = targetNodeSourceLinkDatum.key) !== null && _b !== void 0 ? _b : targetNodeSourceLinkDatum.index);
|
|
87067
|
+
if (!highlightNodes.includes(targetNodeSourceLinkDatum.target)) {
|
|
87068
|
+
highlightNodes.push(targetNodeSourceLinkDatum.target);
|
|
87069
|
+
const sourceNodeTemp = allNodeElements.find(nodeElement => {
|
|
87070
|
+
return nodeElement.data[0].key === targetNodeSourceLinkDatum.target;
|
|
87071
|
+
});
|
|
87072
|
+
newTargetNodeSourceLinks.push(sourceNodeTemp.data[0].targetLinks);
|
|
87073
|
+
}
|
|
87074
|
+
else {
|
|
87075
|
+
return;
|
|
87076
|
+
}
|
|
87077
|
+
}
|
|
87078
|
+
else {
|
|
87079
|
+
return;
|
|
87080
|
+
}
|
|
87081
|
+
});
|
|
87082
|
+
targetNodeSourceLinks = newTargetNodeSourceLinks;
|
|
87083
|
+
return;
|
|
87084
|
+
}
|
|
87085
|
+
}
|
|
87086
|
+
}
|
|
87087
|
+
else if (linkDatum.target === nodeDatum.key) {
|
|
87088
|
+
if (!highlightLinks.includes((_c = linkDatum.key) !== null && _c !== void 0 ? _c : linkDatum.index)) {
|
|
87089
|
+
highlightLinks.push((_d = linkDatum.key) !== null && _d !== void 0 ? _d : linkDatum.index);
|
|
87090
|
+
}
|
|
87091
|
+
if (!highlightNodes.includes(linkDatum.source)) {
|
|
87092
|
+
highlightNodes.push(linkDatum.source);
|
|
87093
|
+
const sourceNode = allNodeElements.find(nodeElement => {
|
|
87094
|
+
return nodeElement.data[0].key === linkDatum.source;
|
|
87095
|
+
});
|
|
87096
|
+
let sourceNodeTargetLinks = sourceNode.data[0].targetLinks;
|
|
87097
|
+
while ((sourceNodeTargetLinks === null || sourceNodeTargetLinks === void 0 ? void 0 : sourceNodeTargetLinks.length) > 0) {
|
|
87098
|
+
const newSourceNodeTargetLinks = [];
|
|
87099
|
+
sourceNodeTargetLinks.forEach((sourceNodeTargetLinkDatum) => {
|
|
87100
|
+
var _a, _b;
|
|
87101
|
+
if (!highlightLinks.includes((_a = sourceNodeTargetLinkDatum.key) !== null && _a !== void 0 ? _a : sourceNodeTargetLinkDatum.index)) {
|
|
87102
|
+
highlightLinks.push((_b = sourceNodeTargetLinkDatum.key) !== null && _b !== void 0 ? _b : sourceNodeTargetLinkDatum.index);
|
|
87103
|
+
if (!highlightNodes.includes(sourceNodeTargetLinkDatum.source)) {
|
|
87104
|
+
highlightNodes.push(sourceNodeTargetLinkDatum.source);
|
|
87105
|
+
const sourceNodeTemp = allNodeElements.find(nodeElement => {
|
|
87106
|
+
return nodeElement.data[0].key === sourceNodeTargetLinkDatum.source;
|
|
87107
|
+
});
|
|
87108
|
+
newSourceNodeTargetLinks.push(sourceNodeTemp.data[0].targetLinks);
|
|
87109
|
+
}
|
|
87110
|
+
else {
|
|
87111
|
+
return;
|
|
87112
|
+
}
|
|
87113
|
+
}
|
|
87114
|
+
else {
|
|
87115
|
+
return;
|
|
87116
|
+
}
|
|
87117
|
+
});
|
|
87118
|
+
sourceNodeTargetLinks = newSourceNodeTargetLinks;
|
|
87119
|
+
return;
|
|
87120
|
+
}
|
|
87121
|
+
}
|
|
87122
|
+
}
|
|
87123
|
+
});
|
|
87124
|
+
if (this._linkMark) {
|
|
87125
|
+
const allLinkElements = this._linkMark.getProductElements();
|
|
87126
|
+
if (!allLinkElements || !allLinkElements.length) {
|
|
87127
|
+
return;
|
|
87128
|
+
}
|
|
87129
|
+
allLinkElements.forEach((linkEl, i) => {
|
|
87130
|
+
var _a;
|
|
87131
|
+
if (highlightLinks.includes((_a = linkEl.getDatum().key) !== null && _a !== void 0 ? _a : linkEl.getDatum().index)) {
|
|
87132
|
+
linkEl.removeState(blurState);
|
|
87133
|
+
linkEl.addState(highlightState);
|
|
87134
|
+
}
|
|
87135
|
+
else {
|
|
87136
|
+
linkEl.removeState(highlightState);
|
|
87137
|
+
linkEl.addState(blurState);
|
|
87138
|
+
}
|
|
87139
|
+
});
|
|
87140
|
+
}
|
|
87141
|
+
if (this._nodeMark) {
|
|
87142
|
+
this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
|
|
87143
|
+
}
|
|
87144
|
+
}
|
|
87145
|
+
else {
|
|
87146
|
+
const highlightNodes = [nodeDatum.key];
|
|
87147
|
+
const upstreamLinks = nodeDatum.targetLinks.reduce((res, link) => {
|
|
87148
|
+
const dividedLinks = array(link.datum);
|
|
87149
|
+
dividedLinks.forEach(dividedLink => {
|
|
87150
|
+
const parents = dividedLink.parents;
|
|
87151
|
+
const len = parents.length;
|
|
87152
|
+
for (let i = 0; i < len; i++) {
|
|
87153
|
+
const source = parents[i].key;
|
|
87154
|
+
const target = parents[i + 1] ? parents[i + 1].key : nodeDatum.key;
|
|
87155
|
+
const value = dividedLink.value;
|
|
87156
|
+
const existingItem = res.find(item => item.source === source && item.target === target);
|
|
87157
|
+
if (existingItem) {
|
|
87158
|
+
existingItem.value += value;
|
|
87159
|
+
}
|
|
87160
|
+
else {
|
|
87161
|
+
res.push({ source, target, value });
|
|
87162
|
+
}
|
|
87163
|
+
}
|
|
87164
|
+
});
|
|
87165
|
+
return res;
|
|
87166
|
+
}, []);
|
|
87167
|
+
allLinkElements.forEach((linkEl, i) => {
|
|
87168
|
+
const linkDatum = linkEl.getDatum();
|
|
87169
|
+
const originalDatum = linkDatum.datum;
|
|
87170
|
+
const selectedDatum = originalDatum
|
|
87171
|
+
? originalDatum.filter((entry) => entry[father].some((par) => par.key === nodeDatum.key))
|
|
87172
|
+
: null;
|
|
87173
|
+
const upSelectedLink = upstreamLinks.find((upLink) => upLink.source === linkDatum.source && upLink.target === linkDatum.target);
|
|
87174
|
+
if (selectedDatum && selectedDatum.length) {
|
|
87175
|
+
if (!highlightNodes.includes(linkDatum.source)) {
|
|
87176
|
+
highlightNodes.push(linkDatum.source);
|
|
87177
|
+
}
|
|
87178
|
+
if (!highlightNodes.includes(linkDatum.target)) {
|
|
87179
|
+
highlightNodes.push(linkDatum.target);
|
|
87180
|
+
}
|
|
87181
|
+
const val = selectedDatum.reduce((sum, d) => {
|
|
87182
|
+
return (sum += d.value);
|
|
87183
|
+
}, 0);
|
|
87184
|
+
const ratio = val / linkDatum.value;
|
|
87185
|
+
linkEl.removeState(blurState);
|
|
87186
|
+
linkEl.addState(highlightState, { ratio });
|
|
87187
|
+
return;
|
|
87188
|
+
}
|
|
87189
|
+
if (upSelectedLink) {
|
|
87190
|
+
if (!highlightNodes.includes(linkDatum.source)) {
|
|
87191
|
+
highlightNodes.push(linkDatum.source);
|
|
87192
|
+
}
|
|
87193
|
+
if (!highlightNodes.includes(linkDatum.target)) {
|
|
87194
|
+
highlightNodes.push(linkDatum.target);
|
|
87195
|
+
}
|
|
87196
|
+
linkEl.removeState(blurState);
|
|
87197
|
+
linkEl.addState(highlightState, { ratio: upSelectedLink.value / linkDatum.value });
|
|
87198
|
+
return;
|
|
87199
|
+
}
|
|
87200
|
+
linkEl.removeState(highlightState);
|
|
87201
|
+
linkEl.addState(blurState);
|
|
87202
|
+
return;
|
|
87203
|
+
});
|
|
87204
|
+
if (this._nodeMark) {
|
|
87205
|
+
this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
|
|
87206
|
+
}
|
|
87207
|
+
}
|
|
87208
|
+
this._needClear = true;
|
|
87209
|
+
}
|
|
87210
|
+
_handleLinkRelatedClick(element, highlightState, blurState) {
|
|
87211
|
+
var _a;
|
|
87212
|
+
const allNodeElements = this._nodeMark.getProductElements();
|
|
87213
|
+
if (!allNodeElements || !allNodeElements.length) {
|
|
87214
|
+
return;
|
|
87215
|
+
}
|
|
87216
|
+
const allLinkElements = this._linkMark.getProductElements();
|
|
87217
|
+
if (!allLinkElements || !allLinkElements.length) {
|
|
87218
|
+
return;
|
|
87219
|
+
}
|
|
87220
|
+
const father = ((_a = element.getDatum()) === null || _a === void 0 ? void 0 : _a.parents) ? 'parents' : 'source';
|
|
87221
|
+
if (father === 'source') {
|
|
87222
|
+
const states = [highlightState, blurState];
|
|
87223
|
+
if (this._linkMark) {
|
|
87224
|
+
allLinkElements.forEach(linkEl => {
|
|
87225
|
+
linkEl.removeState(states);
|
|
87226
|
+
});
|
|
87227
|
+
}
|
|
87228
|
+
if (this._nodeMark) {
|
|
87229
|
+
allNodeElements.forEach(el => {
|
|
87230
|
+
el.removeState(states);
|
|
87231
|
+
});
|
|
87232
|
+
}
|
|
87233
|
+
}
|
|
87234
|
+
else {
|
|
87235
|
+
const curLinkDatum = element.getDatum();
|
|
87236
|
+
const highlightNodes = [curLinkDatum.source, curLinkDatum.target];
|
|
87237
|
+
const upstreamLinks = [];
|
|
87238
|
+
const dividedLinks = array(curLinkDatum.datum);
|
|
87239
|
+
dividedLinks.forEach(dividedLink => {
|
|
87240
|
+
const parents = dividedLink.parents;
|
|
87241
|
+
const len = parents.length;
|
|
87242
|
+
for (let i = 0; i < len - 1; i++) {
|
|
87243
|
+
const source = parents[i].key;
|
|
87244
|
+
const target = parents[i + 1].key;
|
|
87245
|
+
const value = dividedLink.value;
|
|
87246
|
+
const existingItem = upstreamLinks.find(item => item.source === source && item.target === target);
|
|
87247
|
+
upstreamLinks.push({
|
|
87248
|
+
source: parents[i].key,
|
|
87249
|
+
target: parents[i + 1].key,
|
|
87250
|
+
value: dividedLink.value
|
|
87251
|
+
});
|
|
87252
|
+
if (existingItem) {
|
|
87253
|
+
existingItem.value += value;
|
|
87254
|
+
}
|
|
87255
|
+
else {
|
|
87256
|
+
upstreamLinks.push({ source, target, value });
|
|
87257
|
+
}
|
|
87258
|
+
}
|
|
87259
|
+
});
|
|
87260
|
+
allLinkElements.forEach(linkEl => {
|
|
87261
|
+
const linkDatum = linkEl.getDatum();
|
|
87262
|
+
const originalDatum = linkDatum.datum;
|
|
87263
|
+
if (linkDatum.source === curLinkDatum.source && linkDatum.target === curLinkDatum.target) {
|
|
87264
|
+
linkEl.removeState(blurState);
|
|
87265
|
+
linkEl.addState(highlightState, { ratio: 1 });
|
|
87266
|
+
return;
|
|
87267
|
+
}
|
|
87268
|
+
const selectedDatum = originalDatum
|
|
87269
|
+
? originalDatum.filter((entry) => {
|
|
87270
|
+
const parentKeysList = entry.parents.map((item) => item.key);
|
|
87271
|
+
return parentKeysList.includes(curLinkDatum.source) && parentKeysList.includes(curLinkDatum.target);
|
|
87272
|
+
})
|
|
87273
|
+
: null;
|
|
87274
|
+
if (selectedDatum && selectedDatum.length) {
|
|
87275
|
+
if (!highlightNodes.includes(linkDatum.source)) {
|
|
87276
|
+
highlightNodes.push(linkDatum.source);
|
|
87277
|
+
}
|
|
87278
|
+
if (!highlightNodes.includes(linkDatum.target)) {
|
|
87279
|
+
highlightNodes.push(linkDatum.target);
|
|
87280
|
+
}
|
|
87281
|
+
const val = selectedDatum
|
|
87282
|
+
.filter((entry) => {
|
|
87283
|
+
return entry.parents.some((par, index) => {
|
|
87284
|
+
var _a;
|
|
87285
|
+
return par.key === curLinkDatum.source && ((_a = entry.parents[index + 1]) === null || _a === void 0 ? void 0 : _a.key) === curLinkDatum.target;
|
|
87286
|
+
});
|
|
87287
|
+
})
|
|
87288
|
+
.reduce((sum, d) => {
|
|
87289
|
+
return (sum += d.value);
|
|
87290
|
+
}, 0);
|
|
87291
|
+
const ratio = val / linkDatum.value;
|
|
87292
|
+
linkEl.removeState(blurState);
|
|
87293
|
+
linkEl.addState(highlightState, { ratio });
|
|
87294
|
+
return;
|
|
87295
|
+
}
|
|
87296
|
+
const upSelectedLink = upstreamLinks.find((upLink) => upLink.source === linkDatum.source && upLink.target === linkDatum.target);
|
|
87297
|
+
if (upSelectedLink) {
|
|
87298
|
+
if (!highlightNodes.includes(linkDatum.source)) {
|
|
87299
|
+
highlightNodes.push(linkDatum.source);
|
|
87300
|
+
}
|
|
87301
|
+
if (!highlightNodes.includes(linkDatum.target)) {
|
|
87302
|
+
highlightNodes.push(linkDatum.target);
|
|
87303
|
+
}
|
|
87304
|
+
linkEl.removeState(blurState);
|
|
87305
|
+
linkEl.addState(highlightState, { ratio: upSelectedLink.value / linkDatum.value });
|
|
87306
|
+
return;
|
|
87307
|
+
}
|
|
87308
|
+
linkEl.removeState(highlightState);
|
|
87309
|
+
linkEl.addState(blurState);
|
|
87310
|
+
return;
|
|
87311
|
+
});
|
|
87312
|
+
this._highLightElements(allNodeElements, highlightNodes, highlightState, blurState);
|
|
87313
|
+
}
|
|
87314
|
+
this._needClear = true;
|
|
87315
|
+
}
|
|
87302
87316
|
_highLightElements(vGrammarElements, highlightNodes, highlightState, blurState) {
|
|
87303
87317
|
if (!vGrammarElements || !vGrammarElements.length) {
|
|
87304
87318
|
return;
|
|
@@ -87770,7 +87784,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
87770
87784
|
x1: datum => datum.x1,
|
|
87771
87785
|
y1: datum => datum.y1,
|
|
87772
87786
|
fill: this.getColorAttribute()
|
|
87773
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
87787
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
87774
87788
|
}
|
|
87775
87789
|
_initNonLeafMarkStyle() {
|
|
87776
87790
|
if (!this._nonLeafMark) {
|
|
@@ -87782,7 +87796,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
87782
87796
|
x1: datum => datum.x1,
|
|
87783
87797
|
y1: datum => datum.y1,
|
|
87784
87798
|
fill: this.getColorAttribute()
|
|
87785
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
87799
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
87786
87800
|
}
|
|
87787
87801
|
_initRichStyleOfLabelMark(labelMark) {
|
|
87788
87802
|
if (labelMark.getTextType() === 'rich') {
|
|
@@ -87790,7 +87804,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
87790
87804
|
maxWidth: datum => Math.abs(datum.x0 - datum.x1),
|
|
87791
87805
|
maxHeight: datum => Math.abs(datum.y0 - datum.y1),
|
|
87792
87806
|
ellipsis: true
|
|
87793
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
87807
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
87794
87808
|
}
|
|
87795
87809
|
}
|
|
87796
87810
|
initLabelMarkStyle(labelMark) {
|
|
@@ -87809,7 +87823,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
87809
87823
|
maxLineWidth: (datum) => {
|
|
87810
87824
|
return datum.x1 === datum.x0 ? Number.MIN_VALUE : datum.x1 - datum.x0;
|
|
87811
87825
|
}
|
|
87812
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
87826
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
87813
87827
|
this._initRichStyleOfLabelMark(labelMark);
|
|
87814
87828
|
}
|
|
87815
87829
|
initNonLeafLabelMarkStyle(labelMark) {
|
|
@@ -87838,7 +87852,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
87838
87852
|
maxLineWidth: (datum) => {
|
|
87839
87853
|
return datum.x1 === datum.x0 ? Number.MIN_VALUE : datum.x1 - datum.x0;
|
|
87840
87854
|
}
|
|
87841
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
87855
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
87842
87856
|
this._initRichStyleOfLabelMark(labelMark);
|
|
87843
87857
|
}
|
|
87844
87858
|
initAnimation() {
|
|
@@ -88283,7 +88297,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
88283
88297
|
const segmentSpec = this.getSpec()["segment"];
|
|
88284
88298
|
if (segmentSpec) {
|
|
88285
88299
|
for (const state in segmentSpec.state || {}) {
|
|
88286
|
-
this.setMarkStyle(mark, this.generateRadiusStyle(segmentSpec.state[state]), state, AttributeLevel.User_Mark);
|
|
88300
|
+
this.setMarkStyle(mark, this.generateRadiusStyle(segmentSpec.state[state]), state, exports.AttributeLevel.User_Mark);
|
|
88287
88301
|
}
|
|
88288
88302
|
}
|
|
88289
88303
|
}
|
|
@@ -88461,7 +88475,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
88461
88475
|
return [this.getCellSize(this._xAxisHelper), this.getCellSize(this._yAxisHelper)];
|
|
88462
88476
|
},
|
|
88463
88477
|
fill: this.getColorAttribute()
|
|
88464
|
-
}, 'normal', AttributeLevel.Series);
|
|
88478
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
88465
88479
|
}
|
|
88466
88480
|
initCellBackgroundMarkStyle() {
|
|
88467
88481
|
var _a, _b, _c;
|
|
@@ -88483,7 +88497,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
88483
88497
|
height: () => {
|
|
88484
88498
|
return this.getCellSize(this._yAxisHelper) - padding[0] - padding[2];
|
|
88485
88499
|
}
|
|
88486
|
-
}, 'normal', AttributeLevel.Series);
|
|
88500
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
88487
88501
|
}
|
|
88488
88502
|
getColorAttribute() {
|
|
88489
88503
|
var _a;
|
|
@@ -88893,7 +88907,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
88893
88907
|
fill: (_c = nodePointStyle.fill) !== null && _c !== void 0 ? _c : this.getColorAttribute(),
|
|
88894
88908
|
fillOpacity: (_d = nodePointStyle.fillOpacity) !== null && _d !== void 0 ? _d : 1,
|
|
88895
88909
|
lineWidth: 0
|
|
88896
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
88910
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
88897
88911
|
}
|
|
88898
88912
|
_initRipplePointMarkStyle() {
|
|
88899
88913
|
var _a, _b, _c, _d, _e;
|
|
@@ -88917,7 +88931,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
88917
88931
|
fill: (_c = ripplePointStyle.fill) !== null && _c !== void 0 ? _c : this.getColorAttribute(),
|
|
88918
88932
|
opacity: (_d = ripplePointStyle.fillOpacity) !== null && _d !== void 0 ? _d : 0.2,
|
|
88919
88933
|
ripple: (_e = ripplePointStyle.ripple) !== null && _e !== void 0 ? _e : 0
|
|
88920
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
88934
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
88921
88935
|
}
|
|
88922
88936
|
_initCenterPointMarkStyle() {
|
|
88923
88937
|
var _a, _b, _c, _d, _e, _f;
|
|
@@ -88939,7 +88953,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
88939
88953
|
},
|
|
88940
88954
|
fill: (_c = (_b = (_a = this._spec.centerPoint) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.fill) !== null && _c !== void 0 ? _c : this.getColorAttribute(),
|
|
88941
88955
|
fillOpacity: (_f = (_e = (_d = this._spec.centerPoint) === null || _d === void 0 ? void 0 : _d.style) === null || _e === void 0 ? void 0 : _e.fillOpacity) !== null && _f !== void 0 ? _f : 1
|
|
88942
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
88956
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
88943
88957
|
}
|
|
88944
88958
|
initTooltip() {
|
|
88945
88959
|
super.initTooltip();
|
|
@@ -88955,7 +88969,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
88955
88969
|
return datum[this._categoryField];
|
|
88956
88970
|
},
|
|
88957
88971
|
z: this.dataToPositionZ.bind(this)
|
|
88958
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
88972
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
88959
88973
|
}
|
|
88960
88974
|
initAnimation() {
|
|
88961
88975
|
var _a, _b;
|
|
@@ -89304,7 +89318,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
89304
89318
|
width: () => this._region.getLayoutRect().width,
|
|
89305
89319
|
height: () => this._region.getLayoutRect().height,
|
|
89306
89320
|
path: () => this._getLiquidBackPath(true)
|
|
89307
|
-
}, 'normal', AttributeLevel.Series);
|
|
89321
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
89308
89322
|
this._liquidOutlineMark.setMarkConfig({ interactive: false, zIndex: this.layoutZIndex });
|
|
89309
89323
|
}
|
|
89310
89324
|
_initLiquidBackgroundMarkStyle() {
|
|
@@ -89314,7 +89328,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
89314
89328
|
width: () => this._region.getLayoutRect().width,
|
|
89315
89329
|
height: () => this._region.getLayoutRect().height,
|
|
89316
89330
|
path: () => this._getLiquidBackPath()
|
|
89317
|
-
}, 'normal', AttributeLevel.Series);
|
|
89331
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
89318
89332
|
this._liquidBackgroundMark.setMarkConfig({ interactive: false, zIndex: this.layoutZIndex, clip: true });
|
|
89319
89333
|
}
|
|
89320
89334
|
_initLiquidMarkStyle() {
|
|
@@ -89337,7 +89351,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
89337
89351
|
height: this._getLiquidHeight,
|
|
89338
89352
|
fill: this.getColorAttribute(),
|
|
89339
89353
|
wave: 0
|
|
89340
|
-
}, 'normal', AttributeLevel.Series);
|
|
89354
|
+
}, 'normal', exports.AttributeLevel.Series);
|
|
89341
89355
|
}
|
|
89342
89356
|
}
|
|
89343
89357
|
initTooltip() {
|
|
@@ -90310,7 +90324,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
90310
90324
|
endAngle: Math.PI * 2,
|
|
90311
90325
|
fill: this.getColorAttribute(),
|
|
90312
90326
|
stroke: this.getColorAttribute()
|
|
90313
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
90327
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
90314
90328
|
}
|
|
90315
90329
|
_initOverlapMarkStyle() {
|
|
90316
90330
|
if (!this._overlapMark) {
|
|
@@ -90326,12 +90340,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
90326
90340
|
zIndex: datum => {
|
|
90327
90341
|
return datum.sets.length * 100;
|
|
90328
90342
|
}
|
|
90329
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
90343
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
90330
90344
|
this.setMarkStyle(this._overlapMark, {
|
|
90331
90345
|
zIndex: datum => {
|
|
90332
90346
|
return datum.sets.length * 100 + 1;
|
|
90333
90347
|
}
|
|
90334
|
-
}, exports.STATE_VALUE_ENUM.STATE_HOVER, AttributeLevel.Series);
|
|
90348
|
+
}, exports.STATE_VALUE_ENUM.STATE_HOVER, exports.AttributeLevel.Series);
|
|
90335
90349
|
}
|
|
90336
90350
|
initLabelMarkStyle(labelMark) {
|
|
90337
90351
|
if (!labelMark) {
|
|
@@ -90349,7 +90363,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
90349
90363
|
const circleX1 = x + radius;
|
|
90350
90364
|
return Math.min(labelX - circleX0, circleX1 - labelX);
|
|
90351
90365
|
}
|
|
90352
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
90366
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
90353
90367
|
}
|
|
90354
90368
|
initOverlapLabelMarkStyle(labelMark) {
|
|
90355
90369
|
if (!labelMark) {
|
|
@@ -90361,7 +90375,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
90361
90375
|
x: datum => datum.labelX,
|
|
90362
90376
|
y: datum => datum.labelY,
|
|
90363
90377
|
text: datum => getVennSeriesDataKey(datum.sets)
|
|
90364
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
90378
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
90365
90379
|
}
|
|
90366
90380
|
initTooltip() {
|
|
90367
90381
|
this._tooltipHelper = new VennTooltipHelper(this);
|
|
@@ -90911,17 +90925,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
90911
90925
|
text: (d) => d[this.nameField],
|
|
90912
90926
|
textAlign: 'center',
|
|
90913
90927
|
textBaseline: 'middle'
|
|
90914
|
-
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
|
|
90928
|
+
}, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
|
|
90915
90929
|
}
|
|
90916
90930
|
initMarkStyle() {
|
|
90917
90931
|
const { root, viewBoxRect } = this._parsedSvgResult;
|
|
90918
90932
|
const elements = this._mapViewData.getDataView().latestData;
|
|
90919
90933
|
if (root) {
|
|
90920
|
-
this.setMarkStyle(this._pictogramMark, graphicAttributeTransform.group(root.attributes), 'normal', AttributeLevel.Built_In);
|
|
90934
|
+
this.setMarkStyle(this._pictogramMark, graphicAttributeTransform.group(root.attributes), 'normal', exports.AttributeLevel.Built_In);
|
|
90921
90935
|
if (root.transform) {
|
|
90922
90936
|
this.setMarkStyle(this._pictogramMark, {
|
|
90923
90937
|
postMatrix: () => root.transform
|
|
90924
|
-
}, 'normal', AttributeLevel.Built_In);
|
|
90938
|
+
}, 'normal', exports.AttributeLevel.Built_In);
|
|
90925
90939
|
}
|
|
90926
90940
|
if (viewBoxRect) {
|
|
90927
90941
|
this._pictogramMark.setMarkConfig({
|
|
@@ -90935,17 +90949,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
90935
90949
|
const mark = this._idToMark.get(_uniqueId);
|
|
90936
90950
|
const valid = this._validElement(element);
|
|
90937
90951
|
if (mark) {
|
|
90938
|
-
this.setMarkStyle(mark, { keepStrokeScale: true }, 'normal', AttributeLevel.Built_In);
|
|
90952
|
+
this.setMarkStyle(mark, { keepStrokeScale: true }, 'normal', exports.AttributeLevel.Built_In);
|
|
90939
90953
|
if (valid) {
|
|
90940
90954
|
this.initMarkStyleWithSpec(mark, merge$1({}, this._spec.pictogram, this._spec[mark.name]));
|
|
90941
|
-
this.setMarkStyle(mark, attributes, 'normal', AttributeLevel.Series);
|
|
90955
|
+
this.setMarkStyle(mark, attributes, 'normal', exports.AttributeLevel.Series);
|
|
90942
90956
|
mark.setPostProcess('fill', (result, datum) => {
|
|
90943
90957
|
return isValid$1(result) ? result : this._spec.defaultFillColor;
|
|
90944
90958
|
});
|
|
90945
90959
|
}
|
|
90946
90960
|
else {
|
|
90947
90961
|
mark.setMarkConfig({ interactive: false });
|
|
90948
|
-
this.setMarkStyle(mark, attributes, 'normal', AttributeLevel.Built_In);
|
|
90962
|
+
this.setMarkStyle(mark, attributes, 'normal', exports.AttributeLevel.Built_In);
|
|
90949
90963
|
}
|
|
90950
90964
|
}
|
|
90951
90965
|
}
|
|
@@ -96998,7 +97012,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
96998
97012
|
this.layout.setLayoutRect({
|
|
96999
97013
|
[sizeKey]: isShown ? this[`_${sizeKey}`] : 0
|
|
97000
97014
|
}, {
|
|
97001
|
-
[sizeKey]: AttributeLevel.Built_In
|
|
97015
|
+
[sizeKey]: exports.AttributeLevel.Built_In
|
|
97002
97016
|
});
|
|
97003
97017
|
}
|
|
97004
97018
|
onLayoutStart(layoutRect, viewRect, ctx) {
|
|
@@ -100295,7 +100309,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
100295
100309
|
styleHandler === null || styleHandler === void 0 ? void 0 : styleHandler.call(series, labelMark, labelSpec);
|
|
100296
100310
|
}
|
|
100297
100311
|
if ((_b = (_a = labelMark.stateStyle) === null || _a === void 0 ? void 0 : _a.normal) === null || _b === void 0 ? void 0 : _b.lineWidth) {
|
|
100298
|
-
labelMark.setAttribute('stroke', series.getColorAttribute(), 'normal', AttributeLevel.Base_Series);
|
|
100312
|
+
labelMark.setAttribute('stroke', series.getColorAttribute(), 'normal', exports.AttributeLevel.Base_Series);
|
|
100299
100313
|
}
|
|
100300
100314
|
});
|
|
100301
100315
|
});
|
|
@@ -100487,7 +100501,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
100487
100501
|
text: (datum) => {
|
|
100488
100502
|
return datum[STACK_FIELD_TOTAL];
|
|
100489
100503
|
}
|
|
100490
|
-
}, 'normal', AttributeLevel.Default);
|
|
100504
|
+
}, 'normal', exports.AttributeLevel.Default);
|
|
100491
100505
|
const series = this._getSeries();
|
|
100492
100506
|
(_a = series.initTotalLabelMarkStyle) === null || _a === void 0 ? void 0 : _a.call(series, this._textMark);
|
|
100493
100507
|
}
|
|
@@ -100877,8 +100891,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
100877
100891
|
this._option.getAllSeries().forEach((s) => {
|
|
100878
100892
|
s.getActiveMarks().forEach((m) => {
|
|
100879
100893
|
if (m) {
|
|
100880
|
-
s.setMarkStyle(m, Object.assign({}, inBrushMarkAttr), IN_BRUSH_STATE, AttributeLevel.Series);
|
|
100881
|
-
s.setMarkStyle(m, Object.assign({}, outOfBrushMarkAttr), OUT_BRUSH_STATE, AttributeLevel.Series);
|
|
100894
|
+
s.setMarkStyle(m, Object.assign({}, inBrushMarkAttr), IN_BRUSH_STATE, exports.AttributeLevel.Series);
|
|
100895
|
+
s.setMarkStyle(m, Object.assign({}, outOfBrushMarkAttr), OUT_BRUSH_STATE, exports.AttributeLevel.Series);
|
|
100882
100896
|
}
|
|
100883
100897
|
});
|
|
100884
100898
|
});
|
|
@@ -104738,6 +104752,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
104738
104752
|
exports.LineSeries = LineSeries;
|
|
104739
104753
|
exports.LinearProgressChart = LinearProgressChart;
|
|
104740
104754
|
exports.LinearProgressSeries = LinearProgressSeries;
|
|
104755
|
+
exports.LinkPathMark = LinkPathMark;
|
|
104741
104756
|
exports.LinkSeries = LinkSeries;
|
|
104742
104757
|
exports.LiquidChart = LiquidChart;
|
|
104743
104758
|
exports.LiquidSeries = LiquidSeries;
|
|
@@ -104801,6 +104816,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
104801
104816
|
exports.STACK_FIELD_TOTAL_PERCENT = STACK_FIELD_TOTAL_PERCENT;
|
|
104802
104817
|
exports.STACK_FIELD_TOTAL_TOP = STACK_FIELD_TOTAL_TOP;
|
|
104803
104818
|
exports.SankeyChart = SankeyChart;
|
|
104819
|
+
exports.SankeyChartSpecTransformer = SankeyChartSpecTransformer;
|
|
104804
104820
|
exports.SankeySeries = SankeySeries;
|
|
104805
104821
|
exports.ScatterChart = ScatterChart;
|
|
104806
104822
|
exports.ScatterSeries = ScatterSeries;
|
|
@@ -104904,6 +104920,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
104904
104920
|
exports.registerContinuousLegend = registerContinuousLegend;
|
|
104905
104921
|
exports.registerCorrelationChart = registerCorrelationChart;
|
|
104906
104922
|
exports.registerCustomMark = registerCustomMark;
|
|
104923
|
+
exports.registerDataSetInstanceParser = registerDataSetInstanceParser;
|
|
104924
|
+
exports.registerDataSetInstanceTransform = registerDataSetInstanceTransform;
|
|
104907
104925
|
exports.registerDataZoom = registerDataZoom;
|
|
104908
104926
|
exports.registerDiscreteLegend = registerDiscreteLegend;
|
|
104909
104927
|
exports.registerDomTooltipHandler = registerDomTooltipHandler;
|
|
@@ -104938,6 +104956,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
|
|
|
104938
104956
|
exports.registerLineSeries = registerLineSeries;
|
|
104939
104957
|
exports.registerLinearProgressChart = registerLinearProgressChart;
|
|
104940
104958
|
exports.registerLinearProgressSeries = registerLinearProgressSeries;
|
|
104959
|
+
exports.registerLinkPathMark = registerLinkPathMark;
|
|
104941
104960
|
exports.registerLinkSeries = registerLinkSeries;
|
|
104942
104961
|
exports.registerLiquidChart = registerLiquidChart;
|
|
104943
104962
|
exports.registerLiquidSeries = registerLiquidSeries;
|