tvcharts 0.6.83 → 0.6.85
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/dist/echarts.js +68 -28
- package/dist/echarts.js.map +3 -3
- package/lib/chart/boxes/util.js +2 -1
- package/lib/component/legend/LegendModel.js +2 -1
- package/lib/coord/calendar/CalendarModel.js +2 -1
- package/lib/core/echarts.js +18 -16
- package/lib/data/Constant.js +26 -0
- package/lib/loading/default.js +2 -1
- package/lib/model/globalDefault.js +2 -1
- package/package.json +2 -2
- package/types/dist/echarts.d.ts +3 -1
- package/types/dist/shared.d.ts +3 -1
- package/types/src/data/Constant.d.ts +1 -0
package/dist/echarts.js
CHANGED
|
@@ -7091,6 +7091,12 @@ var ZRender = class {
|
|
|
7091
7091
|
this.painter.resize(opts.width, opts.height);
|
|
7092
7092
|
this.handler.resize();
|
|
7093
7093
|
}
|
|
7094
|
+
changeDPR(dpr2) {
|
|
7095
|
+
if (this._disposed) {
|
|
7096
|
+
return;
|
|
7097
|
+
}
|
|
7098
|
+
this.painter.changeDPR(dpr2);
|
|
7099
|
+
}
|
|
7094
7100
|
clearAnimation() {
|
|
7095
7101
|
if (this._disposed) {
|
|
7096
7102
|
return;
|
|
@@ -7197,7 +7203,7 @@ function getElementSSRData(el) {
|
|
|
7197
7203
|
function registerSSRDataGetter(getter) {
|
|
7198
7204
|
ssrDataGetter = getter;
|
|
7199
7205
|
}
|
|
7200
|
-
var version = "5.6.
|
|
7206
|
+
var version = "5.6.7";
|
|
7201
7207
|
|
|
7202
7208
|
// src/util/number.ts
|
|
7203
7209
|
var RADIAN_EPSILON = 1e-4;
|
|
@@ -15835,6 +15841,9 @@ function getDependencies(componentType) {
|
|
|
15835
15841
|
}
|
|
15836
15842
|
var Component_default = ComponentModel;
|
|
15837
15843
|
|
|
15844
|
+
// src/data/Constant.ts
|
|
15845
|
+
var DefaultFamily = `-apple-system, BlinkMacSystemFont, 'Trebuchet MS', Roboto, Ubuntu, sans-serif`;
|
|
15846
|
+
|
|
15838
15847
|
// src/model/globalDefault.ts
|
|
15839
15848
|
var platform = "";
|
|
15840
15849
|
if (typeof navigator !== "undefined") {
|
|
@@ -15894,7 +15903,7 @@ var globalDefault_default = {
|
|
|
15894
15903
|
}
|
|
15895
15904
|
},
|
|
15896
15905
|
textStyle: {
|
|
15897
|
-
fontFamily:
|
|
15906
|
+
fontFamily: DefaultFamily,
|
|
15898
15907
|
fontSize: 12,
|
|
15899
15908
|
fontStyle: "normal",
|
|
15900
15909
|
fontWeight: "normal"
|
|
@@ -20873,7 +20882,7 @@ function defaultLoading(api2, opts) {
|
|
|
20873
20882
|
fontSize: 12,
|
|
20874
20883
|
fontWeight: "normal",
|
|
20875
20884
|
fontStyle: "normal",
|
|
20876
|
-
fontFamily:
|
|
20885
|
+
fontFamily: DefaultFamily,
|
|
20877
20886
|
maskColor: "rgba(255, 255, 255, 0.8)",
|
|
20878
20887
|
showSpinner: true,
|
|
20879
20888
|
color: "#5470c6",
|
|
@@ -23102,6 +23111,8 @@ function brushPath(ctx2, el, style, inBatch) {
|
|
|
23102
23111
|
el.buildPath(path, el.shape, inBatch);
|
|
23103
23112
|
path.toStatic();
|
|
23104
23113
|
el.pathUpdated();
|
|
23114
|
+
} else if (path.dpr !== ctx2.dpr) {
|
|
23115
|
+
path.setDPR(ctx2.dpr);
|
|
23105
23116
|
}
|
|
23106
23117
|
if (needsRebuild) {
|
|
23107
23118
|
path.rebuildPath(ctx2, strokePart ? strokePercent : 1);
|
|
@@ -24857,22 +24868,7 @@ var ECharts = class extends Eventful_default {
|
|
|
24857
24868
|
if (chart.group !== groupId) {
|
|
24858
24869
|
return;
|
|
24859
24870
|
}
|
|
24860
|
-
|
|
24861
|
-
const scale4 = xAxisModal.axis.scale;
|
|
24862
|
-
const ordinalMeta = scale4.getOrdinalMeta();
|
|
24863
|
-
const lastTime = ordinalMeta.getLastCategories();
|
|
24864
|
-
const isMove = isAdd && scale4.lastBarRightSideDiffBarCount < 1.5 && lastTime !== time;
|
|
24865
|
-
if (isMove) {
|
|
24866
|
-
const payload = {
|
|
24867
|
-
type: "dataZoom",
|
|
24868
|
-
barSpace: scale4.barSpace,
|
|
24869
|
-
lastBarRightSideDiffBarCount: scale4.lastBarRightSideDiffBarCount - 1,
|
|
24870
|
-
isPushSync: true
|
|
24871
|
-
};
|
|
24872
|
-
doDispatchAction.call(chart, payload, false);
|
|
24873
|
-
return;
|
|
24874
|
-
}
|
|
24875
|
-
updateMethods.update.call(chart);
|
|
24871
|
+
updateMethods.update.call(chart, isAdd ? {type: "dataZoom"} : void 0);
|
|
24876
24872
|
});
|
|
24877
24873
|
} else {
|
|
24878
24874
|
const xAxisModal = this._model.getComponent("xAxis", 0);
|
|
@@ -33414,6 +33410,26 @@ var Layer = class extends Eventful_default {
|
|
|
33414
33410
|
}
|
|
33415
33411
|
}
|
|
33416
33412
|
}
|
|
33413
|
+
changeDPR(width, height, dpr2) {
|
|
33414
|
+
this.dpr = dpr2;
|
|
33415
|
+
const dom = this.dom;
|
|
33416
|
+
const domStyle = dom.style;
|
|
33417
|
+
const domBack = this.domBack;
|
|
33418
|
+
if (domStyle) {
|
|
33419
|
+
domStyle.width = width + "px";
|
|
33420
|
+
domStyle.height = height + "px";
|
|
33421
|
+
}
|
|
33422
|
+
dom.width = width * dpr2;
|
|
33423
|
+
dom.height = height * dpr2;
|
|
33424
|
+
this.ctx.dpr = dpr2;
|
|
33425
|
+
if (domBack) {
|
|
33426
|
+
domBack.width = width * dpr2;
|
|
33427
|
+
domBack.height = height * dpr2;
|
|
33428
|
+
if (dpr2 !== 1) {
|
|
33429
|
+
this.ctxBack.scale(dpr2, dpr2);
|
|
33430
|
+
}
|
|
33431
|
+
}
|
|
33432
|
+
}
|
|
33417
33433
|
clear(clearAll, clearColor, repaintRects) {
|
|
33418
33434
|
const dom = this.dom;
|
|
33419
33435
|
const ctx2 = this.ctx;
|
|
@@ -34028,6 +34044,28 @@ var CanvasPainter = class {
|
|
|
34028
34044
|
}
|
|
34029
34045
|
return this;
|
|
34030
34046
|
}
|
|
34047
|
+
changeDPR(dpr2) {
|
|
34048
|
+
const domRoot = this._domRoot;
|
|
34049
|
+
domRoot.style.display = "none";
|
|
34050
|
+
const opts = this._opts;
|
|
34051
|
+
const root = this.root;
|
|
34052
|
+
domRoot.style.display = "";
|
|
34053
|
+
if (this.dpr !== dpr2) {
|
|
34054
|
+
this.dpr = dpr2;
|
|
34055
|
+
const width = getSize(root, 0, opts);
|
|
34056
|
+
const height = getSize(root, 1, opts);
|
|
34057
|
+
domRoot.style.width = width + "px";
|
|
34058
|
+
domRoot.style.height = height + "px";
|
|
34059
|
+
for (let id in this._layers) {
|
|
34060
|
+
if (this._layers.hasOwnProperty(id)) {
|
|
34061
|
+
this._layers[id].changeDPR(width, height, dpr2);
|
|
34062
|
+
}
|
|
34063
|
+
}
|
|
34064
|
+
this.refresh(true);
|
|
34065
|
+
this._width = width;
|
|
34066
|
+
this._height = height;
|
|
34067
|
+
}
|
|
34068
|
+
}
|
|
34031
34069
|
clearLayer(zlevel) {
|
|
34032
34070
|
const layer = this._layers[zlevel];
|
|
34033
34071
|
if (layer) {
|
|
@@ -57342,7 +57380,7 @@ var BoxesSeries_default = BoxesSeriesModel;
|
|
|
57342
57380
|
// src/chart/boxes/util.ts
|
|
57343
57381
|
var canvas = document.createElement("canvas");
|
|
57344
57382
|
var ctx = canvas.getContext("2d");
|
|
57345
|
-
function findFontSize(text, maxWidth, font =
|
|
57383
|
+
function findFontSize(text, maxWidth, font = DefaultFamily, minSize = 2, maxSize = 50, tolerance = 8) {
|
|
57346
57384
|
let low = minSize;
|
|
57347
57385
|
let high = maxSize;
|
|
57348
57386
|
while (low <= high) {
|
|
@@ -59332,9 +59370,9 @@ FillsSeriesModel.defaultOption = {
|
|
|
59332
59370
|
},
|
|
59333
59371
|
triggerLineEvent: false,
|
|
59334
59372
|
statusLineInvisible: true,
|
|
59335
|
-
dimensions: ["
|
|
59373
|
+
dimensions: ["x", "plot1", "plot2"],
|
|
59336
59374
|
encode: {
|
|
59337
|
-
x: ["
|
|
59375
|
+
x: ["x"],
|
|
59338
59376
|
y: ["plot1", "plot2"]
|
|
59339
59377
|
}
|
|
59340
59378
|
};
|
|
@@ -66074,7 +66112,7 @@ CalendarModel.defaultOption = {
|
|
|
66074
66112
|
margin: 30,
|
|
66075
66113
|
formatter: null,
|
|
66076
66114
|
color: "#ccc",
|
|
66077
|
-
fontFamily:
|
|
66115
|
+
fontFamily: DefaultFamily,
|
|
66078
66116
|
fontWeight: "bolder",
|
|
66079
66117
|
fontSize: 20
|
|
66080
66118
|
}
|
|
@@ -67741,7 +67779,7 @@ var AxisProxy = class {
|
|
|
67741
67779
|
const axisDim = this._dimName;
|
|
67742
67780
|
const seriesModels = this.getTargetSeriesModels();
|
|
67743
67781
|
const filterMode = dataZoomModel.get("filterMode");
|
|
67744
|
-
const
|
|
67782
|
+
const axisValueWindow = this._valueWindow;
|
|
67745
67783
|
if (filterMode === "none") {
|
|
67746
67784
|
return;
|
|
67747
67785
|
}
|
|
@@ -67751,6 +67789,8 @@ var AxisProxy = class {
|
|
|
67751
67789
|
if (!dataDims.length || seriesModel.get("notFilterData")) {
|
|
67752
67790
|
return;
|
|
67753
67791
|
}
|
|
67792
|
+
const valueWindow = axisValueWindow.slice();
|
|
67793
|
+
const count2 = valueWindow[1] - valueWindow[0];
|
|
67754
67794
|
const filterDataDims = seriesModel.getFilterDataDims?.();
|
|
67755
67795
|
const isXWeakFilter = seriesModel.xFilterMode === "weakFilter" && axisDim === "x";
|
|
67756
67796
|
if (filterMode === "weakFilter" || isXWeakFilter) {
|
|
@@ -67803,10 +67843,10 @@ var AxisProxy = class {
|
|
|
67803
67843
|
const leftOffset = Math.max(offset, offset1);
|
|
67804
67844
|
const rightOffset = Math.min(offset, offset1);
|
|
67805
67845
|
if (leftOffset > 0) {
|
|
67806
|
-
range[dim][0] = range[dim][0] - leftOffset;
|
|
67846
|
+
range[dim][0] = range[dim][0] - Math.min(leftOffset, count2);
|
|
67807
67847
|
}
|
|
67808
67848
|
if (rightOffset < 0) {
|
|
67809
|
-
range[dim][1] = range[dim][1] - rightOffset;
|
|
67849
|
+
range[dim][1] = range[dim][1] - Math.max(-count2, rightOffset);
|
|
67810
67850
|
}
|
|
67811
67851
|
}
|
|
67812
67852
|
seriesData.selectRange(range);
|
|
@@ -67818,7 +67858,7 @@ var AxisProxy = class {
|
|
|
67818
67858
|
});
|
|
67819
67859
|
});
|
|
67820
67860
|
function isInWindow(value) {
|
|
67821
|
-
return value >=
|
|
67861
|
+
return value >= axisValueWindow[0] && value <= axisValueWindow[1];
|
|
67822
67862
|
}
|
|
67823
67863
|
}
|
|
67824
67864
|
getRawDataExtent() {
|
|
@@ -74633,7 +74673,7 @@ LegendModel.defaultOption = {
|
|
|
74633
74673
|
borderRadius: 10,
|
|
74634
74674
|
padding: [3, 5, 3, 5],
|
|
74635
74675
|
fontSize: 12,
|
|
74636
|
-
fontFamily:
|
|
74676
|
+
fontFamily: DefaultFamily,
|
|
74637
74677
|
color: "#666",
|
|
74638
74678
|
borderWidth: 1,
|
|
74639
74679
|
borderColor: "#666"
|