tvcharts 0.6.21 → 0.6.23

package/dist/echarts.js

@@ -11886,18 +11886,26 @@ function getAllSelectedIndices(ecModel) {
 }
 function getSeriesPointData(ecModel, payload = {}) {
   const seriesPointData = {};
+  const {dataIndex, rawDataIndex} = payload;
   ecModel.eachSeries(function(seriesModel) {
     if (seriesModel.get("statusLineInvisible")) {
       return;
     }
     const formatter = seriesModel.get("formatter");
+    const offset = seriesModel.get("offset") ?? 0;
+    const showLast = seriesModel.get("showLast") ?? 0;
     const data = seriesModel.getData();
-    const isRaw = !payload.dataIndex;
-    const index = payload.dataIndex ?? data.count(isRaw) - 1;
-    const values = isRaw ? data.getValuesByRawIndex(index) : data.getValues(index);
-    let color2 = data.getItemVisual(index, "style").fill;
+    let isRaw = !dataIndex;
+    const lastIndex = data.count(true) - 1;
+    let index = dataIndex ? dataIndex - offset : rawDataIndex ? rawDataIndex - offset : lastIndex;
+    if (showLast && (isRaw ? index : data.getRawIndex(index)) <= lastIndex - showLast) {
+      index = lastIndex;
+      isRaw = true;
+    }
+    index = Math.min(lastIndex, index);
+    let values = isRaw ? data.getValuesByRawIndex(index) : data.getValues(index);
+    let color2 = data.getItemVisual(index, "style")?.fill;
     const isCandlesStick = seriesModel.subType === "candlestick";
-    const isLinesPlot = seriesModel.subType === "linesPlot";
     const dim = seriesModel.subType === "candlestick" ? "close" : "y";
     const fnKey = isRaw ? "getByRawIndex" : "get";
     if (isCandlesStick) {
@@ -11909,9 +11917,13 @@ function getSeriesPointData(ecModel, payload = {}) {
       if (fill) {
         color2 = fill;
       }
-    } else if (isLinesPlot) {
+    } else if (["linesPlot", "labels"].includes(seriesModel.subType)) {
+      const isLinesPlot = seriesModel.subType === "linesPlot";
       const dataItem = data.getItemModel(index, isRaw);
-      const fill = dataItem.get(["lineStyle", "color"]);
+      const fill = dataItem.get([isLinesPlot ? "lineStyle" : "itemStyle", "color"]);
+      if (!isLinesPlot) {
+        values = [index, dataItem.get("showValue")];
+      }
       if (fill) {
         color2 = fill;
       }
@@ -11934,12 +11946,13 @@ function getSeriesPointData(ecModel, payload = {}) {
     seriesPointData[seriesName] = {
       name: seriesName,
       data: values.map((item, index2) => {
-        return formatter && index2 !== 0 ? formatter(item) : item;
+        return formatter && index2 !== 0 && item ? formatter(item) : item;
       }),
       color: color2,
       seriesId,
       changePercent,
-      diffValue
+      diffValue,
+      type: seriesModel.subType
     };
   });
   return seriesPointData;
@@ -17728,6 +17741,9 @@ var DefaultDataProvider2 = class {
   }
   appendData(newData) {
   }
+  updateData(newData) {
+    return {update: 0, append: 0};
+  }
   clean() {
   }
 };
@@ -17795,7 +17811,8 @@ DefaultDataProvider.internalField = function() {
   providerMethods = {
     [SOURCE_FORMAT_ARRAY_ROWS + "_" + SERIES_LAYOUT_BY_COLUMN]: {
       pure: true,
-      appendData: appendDataSimply
+      appendData: appendDataSimply,
+      updateData: updateDataSimply
     },
     [SOURCE_FORMAT_ARRAY_ROWS + "_" + SERIES_LAYOUT_BY_ROW]: {
       pure: true,
@@ -17805,7 +17822,8 @@ DefaultDataProvider.internalField = function() {
     },
     [SOURCE_FORMAT_OBJECT_ROWS]: {
       pure: true,
-      appendData: appendDataSimply
+      appendData: appendDataSimply,
+      updateData: updateDataSimply
     },
     [SOURCE_FORMAT_KEYED_COLUMNS]: {
       pure: true,
@@ -17820,7 +17838,8 @@ DefaultDataProvider.internalField = function() {
       }
     },
     [SOURCE_FORMAT_ORIGINAL]: {
-      appendData: appendDataSimply
+      appendData: appendDataSimply,
+      updateData: updateDataSimply
     },
     [SOURCE_FORMAT_TYPED_ARRAY]: {
       persistent: false,
@@ -17842,6 +17861,30 @@ DefaultDataProvider.internalField = function() {
       this._data.push(newData[i]);
     }
   }
+  function updateDataSimply(newData) {
+    const data = this._data;
+    let lastIndex = data.length - 1;
+    for (let i = 0; i < newData.length; i++) {
+      const ele = newData[i];
+      if (Array.isArray(ele)) {
+        if (ele[0] === data[lastIndex][0]) {
+          data[lastIndex] = ele;
+          lastIndex++;
+          continue;
+        }
+      } else if (typeof ele === "object" && Array.isArray(ele.value) && ele.value[0] == data[lastIndex][0]) {
+        data[lastIndex] = ele;
+        lastIndex++;
+        continue;
+      }
+      data.push(newData[i]);
+    }
+    const update = lastIndex - data.length - 1;
+    return {
+      update,
+      append: newData.length - update
+    };
+  }
 }();
 var getItemSimply = function(rawData, startIndex, dimsDef, idx) {
   return rawData[idx];
@@ -18776,6 +18819,23 @@ var DataStore2 = class {
     }
     return [start2, end2];
   }
+  updateData(data) {
+    if (true) {
+      assert(!this._indices, "appendData can only be called on raw data.");
+    }
+    const provider = this._provider;
+    let start2 = this.count();
+    const {update} = provider.updateData(data);
+    let end2 = provider.count();
+    start2 = start2 - update;
+    if (!provider.persistent) {
+      end2 += start2;
+    }
+    if (start2 < end2) {
+      this._initDataFromProvider(start2, end2, true);
+    }
+    return [start2, end2];
+  }
   appendValues(values, minFillLen) {
     const chunks = this._chunks;
     const dimensions = this._dimensions;
@@ -20001,10 +20061,14 @@ var SeriesModel2 = class extends Component_default {
     const data = this.getRawData();
     data.appendData(params.data);
   }
-  updateData(params) {
+  updateValue(params) {
     const data = this.getRawData();
     data.updateValue(params.data[0]);
   }
+  updateData(params) {
+    const data = this.getRawData();
+    data.appendData(params.data);
+  }
   getData(dataType) {
     const task = getCurrentTask(this);
     if (task) {
@@ -23510,7 +23574,7 @@ var enableConnect;
 var markStatusToUpdate;
 var applyChangedStates;
 var triggerSelectItem = ({messageCenter, ecModel, type, eventObj = {}}) => {
-  const data = getSeriesPointData(ecModel, {dataIndex: eventObj.dataIndexInside});
+  const data = getSeriesPointData(ecModel, {dataIndex: eventObj.dataIndexInside, rawDataIndex: eventObj.dataIndex});
   messageCenter.trigger("selectitem", {
     data,
     dataIndex: eventObj.dataIndex,
@@ -23520,7 +23584,7 @@ var triggerSelectItem = ({messageCenter, ecModel, type, eventObj = {}}) => {
 var ECharts = class extends Eventful_default {
   constructor(dom, theme2, opts) {
     super(new ECEventProcessor());
-    this._throttledSelectItem = throttle(triggerSelectItem, 60);
+    this._throttledSelectItem = throttle(triggerSelectItem, 80);
     this._chartsViews = [];
     this._chartsMap = {};
     this._componentsViews = [];
@@ -24237,7 +24301,7 @@ var ECharts = class extends Eventful_default {
     this._scheduler.unfinished = true;
     this.getZr().wakeUp();
   }
-  updateData(batch) {
+  updateData(batch, silent = false) {
     if (this._disposed) {
       disposedWarning(this.id);
       return;
@@ -24245,28 +24309,45 @@ var ECharts = class extends Eventful_default {
     let firstSeriesModel = void 0;
     let isUpdateData = false;
     each(batch, (params, index) => {
+      const ecModel = this.getModel();
       const seriesIndex = params.seriesIndex;
       const seriesName = params.seriesName;
-      const ecModel = this.getModel();
+      if (params.type === "component") {
+        const tableModal = ecModel.findComponents({mainType: "table"})[0];
+        console.log("%c [ tableModal ]-1621", "font-size:13px; background:pink; color:#bf2c9f;", tableModal);
+        return;
+      }
       const seriesModel = seriesIndex !== void 0 ? ecModel.getSeriesByIndex(seriesIndex) : ecModel.getSeriesByName(seriesName)[0];
       if (true) {
         assert(params.data && seriesModel);
       }
       const seriesData = seriesModel.getData();
       const lastIndex = seriesData.count(true) - 1;
-      const paramId = params.data[0][0];
       const scale5 = seriesModel.coordinateSystem.getBaseAxis().scale;
       const ordinalMeta = scale5.getOrdinalMeta();
-      const id = ordinalMeta.getLastCategories();
-      const isUpdate = params.operation !== void 0 ? params.operation === "update" : id == paramId;
+      const isUpdate = params.operation === "update";
       if (isUpdate) {
-        seriesModel.updateData({data: map(params.data, (item, index2) => {
+        seriesModel.updateValue({data: map(params.data, (item, index2) => {
           const idx = lastIndex + index2;
           seriesModel.option.data[idx] = item.slice(1);
           item[0] = idx;
           return item;
         })});
         isUpdateData = true;
+      } else if (params.operation === "script") {
+        const categories = [];
+        const data = map(params.data, (item, index2) => {
+          const idx = lastIndex + index2;
+          seriesModel.option.data[idx] = item;
+          if (idx > lastIndex) {
+            categories.push(item.value[0]);
+          }
+          return item;
+        });
+        if (params.isMainSeries && data.length > 1) {
+          ordinalMeta.appendData(categories);
+        }
+        seriesModel.updateData({data});
       } else {
         const categories = [];
         const formatData = map(params.data, (item) => {
@@ -24285,13 +24366,17 @@ var ECharts = class extends Eventful_default {
         firstSeriesModel = seriesModel;
       }
     });
+    if (!firstSeriesModel) {
+      return;
+    }
     const coordSys = firstSeriesModel.coordinateSystem;
     const baseAxis = coordSys.getBaseAxis();
     const scale4 = baseAxis.scale;
+    const isMove = !isUpdateData && scale4.lastBarRightSideDiffBarCount < 1.5;
     const payload = {
       type: "dataZoom",
       barSpace: scale4.barSpace,
-      lastBarRightSideDiffBarCount: !isUpdateData && scale4.lastBarRightSideDiffBarCount < 1.5 ? scale4.lastBarRightSideDiffBarCount - 1 : scale4.lastBarRightSideDiffBarCount
+      lastBarRightSideDiffBarCount: isMove ? scale4.lastBarRightSideDiffBarCount - 1 : scale4.lastBarRightSideDiffBarCount
     };
     doDispatchAction.call(this, payload, true);
   }
@@ -24311,7 +24396,7 @@ var ECharts = class extends Eventful_default {
         barSpace: scale4.barSpace,
         lastBarRightSideDiffBarCount: scale4.lastBarRightSideDiffBarCount < 1.5 ? scale4.lastBarRightSideDiffBarCount - 1 : scale4.lastBarRightSideDiffBarCount
       };
-      doDispatchAction.call(this, payload, true);
+      doDispatchAction.call(this, payload, false);
     }
   }
 };
@@ -24841,9 +24926,11 @@ ECharts.internalField = function() {
       updateStates(seriesModel, chartView);
     });
     updateHoverLayerStatus(ecIns, ecModel);
-    const data = getSeriesPointData(ecModel);
-    const messageCenter = ecIns._messageCenter;
-    messageCenter.trigger("selectitem", {data, type: "series"});
+    ecIns._throttledSelectItem({
+      messageCenter: ecIns._messageCenter,
+      ecModel,
+      type: "series"
+    });
     lifecycle_default.trigger("series:afterupdate", ecModel, api2, updateParams);
   };
   markStatusToUpdate = function(ecIns) {
@@ -25987,6 +26074,10 @@ var SeriesData2 = class {
     const range = this._store.appendData(data);
     this._doInit(range[0], range[1]);
   }
+  updateData(data) {
+    const range = this._store.updateData(data);
+    this._doInit(range[0], range[1]);
+  }
   updateValue(value) {
     this._store.updateValue(value);
   }
@@ -55073,13 +55164,12 @@ var linesPlotLayout = {
     const xOffset = seriesModel.get("offset") || 0;
     const symbolVisible = seriesModel.get("symbolVisible");
     const symbolSize = seriesModel.get("symbolSize");
-    const globalSymbol = seriesModel.get("symbol");
+    const showLast = seriesModel.get("showLast");
     return {
       progress(params, lineData) {
         const linePointsByKey = {};
         const symbolPointsByColor = {};
         let lastKey = "";
-        let offset = 0;
         const stroke = seriesModel.getLineStyle().stroke;
         const defaultColor = Array.isArray(stroke) ? stroke[0] : stroke;
         function setSymbolPoint(point, index) {
@@ -55088,6 +55178,7 @@ var linesPlotLayout = {
           }
           const dataModal = lineData.getItemModel(index);
           const symbolColor = dataModal.get("itemStyle")?.color;
+          console.log("%c [ dataModal ]-94", "font-size:13px; background:pink; color:#bf2c9f;", dataModal);
           const symbol = dataModal.get("symbol");
           const symbolKey = `${symbol}`;
           const symbolData = symbolPointsByColor[symbolKey] || [];
@@ -55098,8 +55189,12 @@ var linesPlotLayout = {
           });
           symbolPointsByColor[symbolKey] = symbolData;
         }
+        const lastIndex = data.count(true) - 1;
         for (let i = params.start; i < params.end; i++) {
-          const isRawLast = i + 1 === params.end ? data.getRawIndex(i) === data.count(true) - 1 : false;
+          if (showLast && lastIndex - data.getRawIndex(i) >= showLast) {
+            continue;
+          }
+          const isRawLast = i + 1 === params.end ? data.getRawIndex(i) === lastIndex : false;
           const isRawFirst = i === 0 ? data.getRawIndex(i) === 0 : false;
           const x = store.get(dimIdx0, i);
           const y = store.get(dimIdx1, i);
@@ -55112,7 +55207,7 @@ var linesPlotLayout = {
           }
           let nextPoint = [];
           if (!isSingle && isRawLast) {
-            const lastPoints = linePointsByKey[lastKey];
+            const lastPoints = linePointsByKey[lastKey] || [];
             lastPoints.push(point);
             break;
           }
@@ -55479,6 +55574,7 @@ var LabelsVisual = {
     const bandWidth = Math.max(1, Math.round(seriesModel.coordinateSystem.getAxesByScale("ordinal")[0].scale.barSpace * 0.8));
     const data = seriesModel.getData();
     const location = seriesModel.get("location");
+    const showLast = seriesModel.get("showLast");
     const symbolOptions = {};
     for (let i = 0; i < SYMBOL_PROPS_WITH_CB2.length; i++) {
       const symbolPropName = SYMBOL_PROPS_WITH_CB2[i];
@@ -55489,7 +55585,11 @@ var LabelsVisual = {
     data.setVisual(extend({
       symbolKeepAspect: seriesModel.get("symbolKeepAspect")
     }, symbolOptions));
+    const lastIndex = data.count(true) - 1;
     function dataEach(data2, idx) {
+      if (showLast && lastIndex - data2.getRawIndex(idx) >= showLast) {
+        return;
+      }
       const itemModel = data2.getItemModel(idx);
       let symbol = itemModel.getShallow("symbol");
       let symbolSize = itemModel.getShallow("symbolSize");
@@ -55582,11 +55682,16 @@ var labelsLayout = {
     const dimIdx1 = data.getDimensionIndex(dims[1]);
     const xOffset = seriesModel.get("offset") || 0;
     const price = getYByLocation(seriesModel);
+    const showLast = seriesModel.get("showLast");
     return {
       progress(params, labelsData) {
         const tmpIn = [];
         const tmpOut = [];
+        const lastIndex = data.count(true) - 1;
         for (let i = params.start; i < params.end; i++) {
+          if (showLast && lastIndex - data.getRawIndex(i) >= showLast) {
+            continue;
+          }
           tmpIn[0] = store.get(dimIdx0, i) + xOffset;
           tmpIn[1] = store.get(dimIdx1, i);
           const point = coordSys.dataToPoint(tmpIn, null, tmpOut);
@@ -55921,6 +56026,7 @@ var fillsLayout = {
     const data = seriesModel.getData();
     const fillgaps = seriesModel.get("fillgaps");
     const isMonoHline = seriesModel.get("isMonoHline");
+    const showLast = seriesModel.get("showLast");
     const dimIdx0 = 0;
     const dimIdP1 = 1;
     const dimIdP2 = 2;
@@ -55948,7 +56054,11 @@ var fillsLayout = {
         let lastKey = "";
         let plot1Points = [];
         let plot2Points = [];
+        const lastIndex = fillsData.count(true) - 1;
         for (let i = params.start; i < params.end; i++) {
+          if (showLast && lastIndex - fillsData.getRawIndex(i) >= showLast) {
+            continue;
+          }
           const last = i + 1 === params.end;
           const get2 = last ? "getByRawIndex" : "get";
           const index = last ? fillsData.getRawIndex(i) : i;
@@ -56176,13 +56286,18 @@ var bgColorLayout = {
     const store = data.getStore();
     const dimIdx0 = data.getDimensionIndex(dims[0]);
     const xOffset = seriesModel.get("offset") || 0;
+    const showLast = seriesModel.get("showLast");
     return {
       progress(params, bgColorData) {
         const rectsByColor = {};
         const width = Math.ceil(coordSys.getBaseAxis().scale.barSpace) || 5;
         const leftOffset = width / 2;
         const {height, startY} = getHeight(seriesModel);
+        const lastIndex = bgColorData.count(true) - 1;
         for (let i = params.start; i < params.end; i++) {
+          if (showLast && lastIndex - bgColorData.getRawIndex(i) >= showLast) {
+            continue;
+          }
           const itemModel = bgColorData.getItemModel(i);
           const {color: color2} = itemModel.get("itemStyle");
           if (!color2) {