tvcharts 0.6.2 → 0.6.3

package/dist/echarts.js

@@ -11845,7 +11845,8 @@ function getSeriesPointData(ecModel, payload = {}) {
     }
     const currentValue = data[fnKey](dim, index);
     const prevValue = data[fnKey](dim, index - 1);
-    const changePercent = ((currentValue - prevValue) / prevValue * 100).toFixed(2) + "%";
+    const diffValue = currentValue - prevValue;
+    const changePercent = (diffValue / prevValue * 100).toFixed(2) + "%";
     const seriesId = seriesModel.id;
     const seriesName = seriesModel.name;
     seriesPointData[seriesName] = {
@@ -11853,7 +11854,8 @@ function getSeriesPointData(ecModel, payload = {}) {
       data: values,
       color: color2,
       seriesId,
-      changePercent
+      changePercent,
+      diffValue
     };
   });
   return seriesPointData;
@@ -23557,6 +23559,7 @@ var ECharts = class extends Eventful_default {
     each(batch, (params, index) => {
       const seriesIndex = params.seriesIndex;
       const seriesName = params.seriesName;
+      const isMain = params.type === "symbol";
       const ecModel = this.getModel();
       const seriesModel = seriesIndex !== void 0 ? ecModel.getSeriesByIndex(seriesIndex) : ecModel.getSeriesByName(seriesName)[0];
       if (true) {
@@ -23568,7 +23571,7 @@ var ECharts = class extends Eventful_default {
       const scale5 = seriesModel.coordinateSystem.getBaseAxis().scale;
       const ordinalMeta = scale5.getOrdinalMeta();
       const id = ordinalMeta.getLastCategories();
-      const isUpdate = id == paramId;
+      const isUpdate = params.operation !== void 0 ? params.operation === "update" : id == paramId;
       if (isUpdate) {
         seriesModel.updateData({data: map(params.data, (item, index2) => {
           const idx = lastIndex + index2;
@@ -23586,7 +23589,7 @@ var ECharts = class extends Eventful_default {
           item[0] = idx;
           return item;
         });
-        if (index === 0) {
+        if (isMain) {
           ordinalMeta.appendData(categories);
         }
         seriesModel.appendData({data: formatData});
@@ -24124,6 +24127,10 @@ ECharts.internalField = function() {
     let unfinished = false;
     ecModel.eachSeries(function(seriesModel) {
       const chartView = ecIns._chartsMap[seriesModel.__viewId];
+      const invisible = seriesModel.get("invisible");
+      if (invisible) {
+        return;
+      }
       chartView.__alive = true;
       const renderTask = chartView.renderTask;
       scheduler.updatePayload(renderTask, payload);
@@ -27765,7 +27772,7 @@ var PercentageScale = class extends Scale_default {
     }, this);
     return labels;
   }
-  getFormattedLabel(tick, idx) {
+  getFormattedLabel(tick, baseValue) {
     const {value} = tick;
     const percent = this.parsePercentageValue(value, this._fromValue);
     return percent.toFixed(2) + "%";
@@ -27821,11 +27828,13 @@ var PercentageScale = class extends Scale_default {
     val = scale3(val, this._extent);
     return this.restorePercentageValue(val, baseValue);
   }
-  getLabel(data) {
+  getLabel(data, {baseValue} = {}) {
     if (Number.isNaN(data.value)) {
       return "";
     }
-    return this.getFormattedLabel(data);
+    const {value} = data;
+    const percent = this.parsePercentageValue(value, baseValue ?? this._fromValue);
+    return percent.toFixed(2) + "%";
   }
   getIsBaseTick(val) {
     const value = this.parsePercentageValue(val, this._fromValue);
@@ -39936,6 +39945,8 @@ var RoamController = class extends Eventful_default {
     if (this.pointerChecker && this.pointerChecker(e2, x, y)) {
       this._x = x;
       this._y = y;
+      this._startX = x;
+      this._startY = y;
       this._dragging = true;
     }
   }
@@ -39964,7 +39975,13 @@ var RoamController = class extends Eventful_default {
   }
   _mouseupHandler(e2) {
     if (!isMiddleOrRightButtonOnMouseUpDown(e2)) {
-      if (this._dragging) {
+      const x = e2.offsetX;
+      const y = e2.offsetY;
+      const oldX = this._startX;
+      const oldY = this._startY;
+      const dx = x - oldX;
+      const dy = y - oldY;
+      if (this._dragging && (dx || dy)) {
         trigger(this, "dragEnd", "moveOnMouseMove", e2, {isAvailableBehavior: null});
       }
       this._dragging = false;
@@ -67312,7 +67329,7 @@ var MarkLabelView2 = class extends Component_default2 {
     this.type = MarkLabelView2.type;
   }
   init() {
-    this.markerGroupMap = createHashMap();
+    this.markerGroupMapBySeries = createHashMap();
     this._graphicLabelElMap = createHashMap();
     this._graphLabelGroup = new Group_default();
     this.group.add(this._graphLabelGroup);
@@ -67330,10 +67347,16 @@ var MarkLabelView2 = class extends Component_default2 {
     this.avoidOverlap();
   }
   updateMarkLabels(markerModel, ecModel) {
-    const markerGroupMap = this.markerGroupMap;
+    const markerGroupMapBySeries = this.markerGroupMapBySeries;
     const labelMap = markerModel.labelMap;
+    const updatedSeriesByName = {};
     ecModel.eachSeries((seriesModel) => {
+      const invisible = seriesModel.get("invisible");
+      if (invisible) {
+        return;
+      }
       const seriesName = seriesModel.name;
+      const markerGroupMap = markerGroupMapBySeries.get(seriesName) ?? createHashMap();
       const markLabelData = labelMap.get(seriesName);
       if (!markLabelData) {
         return;
@@ -67346,6 +67369,7 @@ var MarkLabelView2 = class extends Component_default2 {
       const yAxisModel = coordSys.getAxis("y");
       const offset = yAxisModel.model.get("offset") || 0;
       const x = yAxisModel.position === "right" ? gridRect.x + gridRect.width + offset : gridRect.x - offset;
+      updatedSeriesByName[seriesName] = 1;
       each(markLabelData, (item) => {
         let el = markerGroupMap.get(item.name);
         if (item.$action === "remove") {
@@ -67365,7 +67389,8 @@ var MarkLabelView2 = class extends Component_default2 {
           }
           return;
         }
-        item.text = ["last"].includes(item.type) ? yAxisModel.scale.getLabel({value}, {precision: item.precision}) : value.toFixed(item.precision);
+        const baseValue = coordSys.getBaseValue();
+        item.text = ["last", "allLast"].includes(item.type) ? yAxisModel.scale.getLabel({value}, {precision: item.precision, baseValue}) : value.toFixed(item.precision);
         const y = coordSys.dataToPoint([0, value])[1];
         const fontSize = yAxisModel.getLabelModel().option.fontSize;
         if (el) {
@@ -67397,6 +67422,22 @@ var MarkLabelView2 = class extends Component_default2 {
         inner21(el).yAxisIndex = yAxisModel.index;
         inner21(el).isSort = item.showName;
       });
+      markerGroupMapBySeries.set(seriesName, markerGroupMap);
+    });
+    markerGroupMapBySeries.each((markerGroupMap, seriesName) => {
+      if (updatedSeriesByName[seriesName]) {
+        return;
+      }
+      const markLabelData = labelMap.get(seriesName);
+      each(markLabelData, (item) => {
+        let el = markerGroupMap.get(item.name);
+        delete markLabelData[item.name];
+        if (!el) {
+          return;
+        }
+        markerGroupMap.removeKey(item.name);
+        this.group.remove(el);
+      });
     });
   }
   updateGraphicLabels(ecModel) {
@@ -67502,15 +67543,18 @@ var MarkLabelView2 = class extends Component_default2 {
   }
   avoidOverlap() {
     const labelsByYAxisId = {};
-    this.markerGroupMap.each((item) => {
-      const yAxisId = inner21(item).yAxisIndex;
-      const isSort = inner21(item).isSort;
-      if (item.ignore || !isSort) {
-        return;
-      }
-      const labels = labelsByYAxisId[yAxisId] || [];
-      labels.push(item);
-      labelsByYAxisId[yAxisId] = labels;
+    const markerGroupMapBySeries = this.markerGroupMapBySeries;
+    markerGroupMapBySeries.each((markerGroupMap) => {
+      markerGroupMap.each((item) => {
+        const yAxisId = inner21(item).yAxisIndex;
+        const isSort = inner21(item).isSort;
+        if (item.ignore || !isSort) {
+          return;
+        }
+        const labels = labelsByYAxisId[yAxisId] || [];
+        labels.push(item);
+        labelsByYAxisId[yAxisId] = labels;
+      });
     });
     this._graphicLabelElMap.each((item) => {
       const yAxisId = inner21(item).yAxisIndex;