tvcharts 0.6.75 → 0.6.76

package/dist/echarts.js

@@ -16255,6 +16255,7 @@ var BUITIN_COMPONENTS_MAP = {
   brush: "BrushComponent",
   title: "TitleComponent",
   table: "TableComponent",
+  bgRect: "BgRectComponent",
   timeline: "TimelineComponent",
   markPoint: "MarkPointComponent",
   markLine: "MarkLineComponent",
@@ -17962,9 +17963,10 @@ DefaultDataProvider.internalField = function() {
     const lastIndex = data.length - 1;
     data[lastIndex] = newData;
   }
-  function updateDataSimply(newData) {
+  function updateDataSimply(newData, isMustAppend) {
     const data = this._data;
-    const lastIndex = data.length - 1;
+    const extraIndex = isMustAppend && newData.length === 1 ? 1 : 0;
+    const lastIndex = data.length - 1 + extraIndex;
     let update = 0;
     for (let i = 0; i < newData.length; i++) {
       const ele = newData[i];
@@ -18927,13 +18929,13 @@ var DataStore2 = class {
     this._initDataFromProvider(0, end2);
     return [0, end2];
   }
-  updateData(data) {
+  updateData(data, isMustAppend = false) {
     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);
+    const {update} = provider.updateData(data, isMustAppend);
     let end2 = provider.count();
     start2 = start2 - update;
     if (!provider.persistent) {
@@ -20184,9 +20186,10 @@ var SeriesModel2 = class extends Component_default {
       return;
     }
     const isCandletick = isCandle(this.subType);
+    const extraIndex = params.isMustAppend && params.data.length === 1 ? 1 : 0;
     const lastIndex = data.count(true) - 1;
     const list = map(params.data, (item, index) => {
-      const idx = lastIndex + index;
+      const idx = lastIndex + index + extraIndex;
       if (isCandletick) {
         const value = item.value.slice();
         this.option.data[idx] = value;
@@ -20196,7 +20199,7 @@ var SeriesModel2 = class extends Component_default {
       }
       return item;
     });
-    data.updateData(list);
+    data.updateData(list, params.isMustAppend);
   }
   getData(dataType) {
     const task = getCurrentTask(this);
@@ -24310,6 +24313,83 @@ var ECharts = class extends Eventful_default {
       return this.getDataURL(opts);
     }
   }
+  getWindowConnectedDataURL(opts) {
+    if (this._disposed) {
+      disposedWarning(this.id);
+      return;
+    }
+    const isSvg = opts.type === "svg";
+    const mathMin12 = Math.min;
+    const mathMax12 = Math.max;
+    const MAX_NUMBER = Infinity;
+    let left = MAX_NUMBER;
+    let top = MAX_NUMBER;
+    let right = -MAX_NUMBER;
+    let bottom = -MAX_NUMBER;
+    const canvasList = [];
+    const dpr2 = opts && opts.pixelRatio || this.getDevicePixelRatio();
+    const layoutId = this.layout;
+    const groupIds = [];
+    each(instances2, function(chart, id) {
+      if (chart.layout === layoutId && !groupIds.includes(chart.group)) {
+        groupIds.push(chart.group);
+      }
+    });
+    each(instances2, function(chart, id) {
+      if (groupIds.includes(chart.group)) {
+        const canvas2 = isSvg ? chart.getZr().painter.getSvgDom().innerHTML : chart.renderToCanvas(clone(opts));
+        const boundingRect = chart.getDom().getBoundingClientRect();
+        left = mathMin12(boundingRect.left, left);
+        top = mathMin12(boundingRect.top, top);
+        right = mathMax12(boundingRect.right, right);
+        bottom = mathMax12(boundingRect.bottom, bottom);
+        canvasList.push({
+          dom: canvas2,
+          left: boundingRect.left,
+          top: boundingRect.top
+        });
+      }
+    });
+    left *= dpr2;
+    top *= dpr2;
+    right *= dpr2;
+    bottom *= dpr2;
+    const width = right - left;
+    const height = bottom - top;
+    const targetCanvas = platformApi.createCanvas();
+    const zr = init(targetCanvas, {
+      renderer: isSvg ? "svg" : "canvas"
+    });
+    zr.resize({
+      width,
+      height
+    });
+    if (opts.connectedBackgroundColor) {
+      zr.add(new Rect_default({
+        shape: {
+          x: 0,
+          y: 0,
+          width,
+          height
+        },
+        style: {
+          fill: opts.connectedBackgroundColor
+        }
+      }));
+    }
+    each(canvasList, function(item) {
+      const img = new Image_default({
+        style: {
+          x: item.left * dpr2 - left,
+          y: item.top * dpr2 - top,
+          image: item.dom
+        }
+      });
+      zr.add(img);
+    });
+    zr.refreshImmediately();
+    return targetCanvas.toDataURL("image/" + (opts && opts.type || "png"));
+  }
   convertToPixel(finder, value) {
     return doConvertPixel(this, "convertToPixel", finder, value);
   }
@@ -24579,7 +24659,6 @@ var ECharts = class extends Eventful_default {
   }
   makeLayoutActionFromEvent(eventObj, type) {
     let payload = eventObj;
-    console.log("%c [ eventObj ]-1513", "font-size:13px; background:pink; color:#bf2c9f;", eventObj);
     switch (type) {
       case "visiblechanged":
         const {fromTime, toTime, offsetRightDistance, offsetLeftDistance} = eventObj;
@@ -24714,7 +24793,7 @@ var ECharts = class extends Eventful_default {
           return item;
         })});
       } else if (params.operation === "script") {
-        seriesModel.updateData({data: params.data});
+        seriesModel.updateData({data: params.data, isMustAppend: params.isMustAppend});
       } else {
         const isCandletick = isCandle(seriesModel.subType);
         const formatData = map(params.data, (item) => {
@@ -26594,12 +26673,13 @@ var SeriesData2 = class {
     const range = this._store.appendData(data);
     this._doInit(range[0], range[1]);
   }
-  updateData(data) {
-    const range = this._store.updateData(data);
+  updateData(data, isMustAppend) {
+    const range = this._store.updateData(data, isMustAppend);
     this._doInit(range[0], range[1]);
   }
   resetUpdateData(data) {
     const range = this._store.resetUpdateData(data);
+    this._resetOrdinalMeta();
     this._doInit(range[0], range[1]);
   }
   updateValue(value) {
@@ -66646,6 +66726,9 @@ var GraphicComponentView2 = class extends Component_default2 {
         const isInit = !elExisting;
         let el2 = elExisting;
         if (isInit) {
+          if (!elOption.type) {
+            return;
+          }
           el2 = createEl2(id, targetElParent, elOption.type, elMap);
         } else {
           el2 && (inner15(el2).isNew = false);
@@ -67263,10 +67346,10 @@ var DataZoomModel2 = class extends Component_default {
         thisOption[names[1]] = settledOption[names[1]] = opt[names[1]];
       }
     }, this);
-    if (opt.barSpace) {
+    if (typeof opt.barSpace === "number") {
       thisOption.barSpace = opt.barSpace;
     }
-    if (opt.lastBarRightSideDiffBarCount) {
+    if (typeof opt.lastBarRightSideDiffBarCount === "number") {
       thisOption.lastBarRightSideDiffBarCount = opt.lastBarRightSideDiffBarCount;
     }
     if (!isLocal && (typeof opt.barSpace === "number" || typeof opt.lastBarRightSideDiffBarCount === "number")) {
@@ -67553,7 +67636,9 @@ var AxisProxy = class {
         fromTime: +categories[visibleFrom],
         toTime: +categories[visibleTo],
         offsetRightDistance: lastBarRightSideDiffBarCount > 0 ? lastBarRightSideDiffBarCount * barSpace : 0,
-        offsetLeftDistance: from < 0 ? -from * barSpace : 0
+        offsetLeftDistance: from < 0 ? -from * barSpace : 0,
+        lastBarRightSideDiffBarCount,
+        barSpace
       });
     } else {
       if (dataZoomModel.get("useValueRange") && (dataZoomModel.settledOption.startValue || dataZoomModel.settledOption.endValue)) {
@@ -71540,6 +71625,79 @@ function install53(registers) {
   registers.registerComponentView(TableView_default);
 }
 
+// src/component/bgRect/install.ts
+var BgRectModel2 = class extends Component_default {
+  constructor() {
+    super(...arguments);
+    this.type = BgRectModel2.type;
+    this.layoutMode = {type: "box", ignoreSize: true};
+  }
+};
+var BgRectModel = BgRectModel2;
+BgRectModel.type = "bgRect";
+BgRectModel.defaultOption = {
+  z: 2,
+  show: true,
+  color: "rgb(149, 100, 29)",
+  bgColor: "rgba(149, 100, 29, 0.5)",
+  startIndex: 10
+};
+var BgRectView2 = class extends Component_default2 {
+  constructor() {
+    super(...arguments);
+    this.type = BgRectView2.type;
+  }
+  render(bgRectModel, ecModel, api2) {
+    this.group.removeAll();
+    if (!bgRectModel.get("show")) {
+      return;
+    }
+    const group = this.group;
+    const grid = ecModel.getComponent("grid", 0);
+    const z = bgRectModel.get("z");
+    const rect = grid.coordinateSystem.getRect();
+    const startIndex = bgRectModel.get("startIndex");
+    const bgColor = bgRectModel.get("bgColor");
+    const color2 = bgRectModel.get("color");
+    const xAxis = ecModel.getComponent("xAxis", 0);
+    const xAxis2D = xAxis.axis;
+    const x = xAxis2D.toGlobalCoord(xAxis2D.dataToCoord(startIndex));
+    const lineEl = new Line_default({
+      shape: {
+        x1: x,
+        y1: rect.y,
+        x2: x,
+        y2: rect.height
+      },
+      style: {
+        lineWidth: 2,
+        stroke: color2
+      },
+      z
+    });
+    const rectEl = new Rect_default({
+      shape: {
+        x: Math.max(rect.x, x),
+        y: rect.y,
+        height: rect.height,
+        width: rect.width + rect.x - x
+      },
+      style: {
+        fill: bgColor
+      },
+      z
+    });
+    group.add(lineEl);
+    group.add(rectEl);
+  }
+};
+var BgRectView = BgRectView2;
+BgRectView.type = "bgRect";
+function install54(registers) {
+  registers.registerComponentModel(BgRectModel);
+  registers.registerComponentView(BgRectView);
+}
+
 // src/component/timeline/TimelineModel.ts
 var TimelineModel2 = class extends Component_default {
   constructor() {
@@ -72389,7 +72547,7 @@ function has(obj, attr) {
 }
 
 // src/component/timeline/install.ts
-function install54(registers) {
+function install55(registers) {
   registers.registerComponentModel(SliderTimelineModel_default);
   registers.registerComponentView(SliderTimelineView_default);
   registers.registerSubTypeDefaulter("timeline", function() {
@@ -72830,7 +72988,7 @@ function createData(coordSys, seriesModel, mpModel) {
 var MarkPointView_default = MarkPointView;
 
 // src/component/marker/installMarkPoint.ts
-function install55(registers) {
+function install56(registers) {
   registers.registerComponentModel(MarkPointModel_default);
   registers.registerComponentView(MarkPointView_default);
   registers.registerPreprocessor(function(opt) {
@@ -73148,7 +73306,7 @@ function createList2(coordSys, seriesModel, mlModel) {
 var MarkLineView_default = MarkLineView;
 
 // src/component/marker/installMarkLine.ts
-function install56(registers) {
+function install57(registers) {
   registers.registerComponentModel(MarkLineModel_default);
   registers.registerComponentView(MarkLineView_default);
   registers.registerPreprocessor(function(opt) {
@@ -73462,7 +73620,7 @@ function createList3(coordSys, seriesModel, maModel) {
 var MarkAreaView_default = MarkAreaView;
 
 // src/component/marker/installMarkArea.ts
-function install57(registers) {
+function install58(registers) {
   registers.registerComponentModel(MarkAreaModel_default);
   registers.registerComponentView(MarkAreaView_default);
   registers.registerPreprocessor(function(opt) {
@@ -74105,7 +74263,7 @@ function updateLabel({x, y, labelData, markerModel, gridRect, position: position
 var MarkLabelView_default = MarkLabelView;
 
 // src/component/marker/installMarkLabel.ts
-function install58(registers) {
+function install59(registers) {
   registers.registerComponentModel(MarkLabelModal_default);
   registers.registerComponentView(MarkLabelView_default);
   registers.registerPreprocessor(function(opt) {
@@ -74787,7 +74945,7 @@ function installLegendAction(registers) {
 }
 
 // src/component/legend/installLegendPlain.ts
-function install59(registers) {
+function install60(registers) {
   registers.registerComponentModel(LegendModel_default);
   registers.registerComponentView(LegendView_default);
   registers.registerProcessor(registers.PRIORITY.PROCESSOR.SERIES_FILTER, legendFilter);
@@ -75117,17 +75275,17 @@ function installScrollableLegendAction(registers) {
 }
 
 // src/component/legend/installLegendScroll.ts
-function install60(registers) {
-  use(install59);
+function install61(registers) {
+  use(install60);
   registers.registerComponentModel(ScrollableLegendModel_default);
   registers.registerComponentView(ScrollableLegendView_default);
   installScrollableLegendAction(registers);
 }
 
 // src/component/legend/install.ts
-function install61(registers) {
-  use(install59);
+function install62(registers) {
   use(install60);
+  use(install61);
 }
 
 // src/component/dataZoom/InsideZoomModel.ts
@@ -75554,7 +75712,7 @@ var getDirectionInfo = {
 var InsideZoomView_default = InsideZoomView;
 
 // src/component/dataZoom/installDataZoomInside.ts
-function install62(registers) {
+function install63(registers) {
   installCommon(registers);
   registers.registerComponentModel(InsideZoomModel_default);
   registers.registerComponentView(InsideZoomView_default);
@@ -76310,16 +76468,16 @@ function getCursor(orient) {
 var SliderZoomView_default = SliderZoomView;
 
 // src/component/dataZoom/installDataZoomSlider.ts
-function install63(registers) {
+function install64(registers) {
   registers.registerComponentModel(SliderZoomModel_default);
   registers.registerComponentView(SliderZoomView_default);
   installCommon(registers);
 }
 
 // src/component/dataZoom/install.ts
-function install64(registers) {
-  use(install62);
+function install65(registers) {
   use(install63);
+  use(install64);
 }
 
 // src/visual/visualDefault.ts
@@ -77584,7 +77742,7 @@ function installCommon2(registers) {
 }
 
 // src/component/visualMap/installVisualMapContinuous.ts
-function install65(registers) {
+function install66(registers) {
   registers.registerComponentModel(ContinuousModel_default);
   registers.registerComponentView(ContinuousView_default);
   installCommon2(registers);
@@ -78024,16 +78182,16 @@ PiecewiseVisualMapView.type = "visualMap.piecewise";
 var PiecewiseView_default = PiecewiseVisualMapView;
 
 // src/component/visualMap/installVisualMapPiecewise.ts
-function install66(registers) {
+function install67(registers) {
   registers.registerComponentModel(PiecewiseModel_default);
   registers.registerComponentView(PiecewiseView_default);
   installCommon2(registers);
 }
 
 // src/component/visualMap/install.ts
-function install67(registers) {
-  use(install65);
+function install68(registers) {
   use(install66);
+  use(install67);
 }
 
 // src/visual/aria.ts
@@ -78229,7 +78387,7 @@ function ariaPreprocessor(option) {
 }
 
 // src/component/aria/install.ts
-function install68(registers) {
+function install69(registers) {
   registers.registerPreprocessor(ariaPreprocessor);
   registers.registerVisual(registers.PRIORITY.VISUAL.ARIA, ariaVisual);
 }
@@ -78567,7 +78725,7 @@ var sortTransform = {
 };
 
 // src/component/transform/install.ts
-function install69(registers) {
+function install70(registers) {
   registers.registerTransform(filterTransform);
   registers.registerTransform(sortTransform);
 }
@@ -78605,7 +78763,7 @@ var DatasetView = class extends Component_default2 {
   }
 };
 DatasetView.type = "dataset";
-function install70(registers) {
+function install71(registers) {
   registers.registerComponentModel(DatasetModel);
   registers.registerComponentView(DatasetView);
 }
@@ -80363,16 +80521,17 @@ use(install55);
 use(install56);
 use(install57);
 use(install58);
-use(install61);
-use(install64);
+use(install59);
 use(install62);
-use(install63);
-use(install67);
 use(install65);
-use(install66);
+use(install63);
+use(install64);
 use(install68);
+use(install66);
+use(install67);
 use(install69);
 use(install70);
+use(install71);
 use(installUniversalTransition);
 use(installLabelLayout);