tvcharts 0.9.46 → 0.9.48

package/lib/chart/baseLine/BaseLineLayout.js

@@ -0,0 +1,85 @@
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+
+/**
+ * AUTO-GENERATED FILE. DO NOT MODIFY.
+ */
+
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+/* global Float32Array */
+import createRenderPlanner from '../helper/createRenderPlanner.js';
+import { createFloat32Array } from '../../util/vendor.js';
+import { map } from 'tvrender/lib/core/util.js';
+var baseLineLayout = {
+  seriesType: 'baseLine',
+  plan: createRenderPlanner(),
+  reset: function (seriesModel) {
+    var data = seriesModel.getData();
+    var coordSys = seriesModel.coordinateSystem;
+    if (!coordSys) {
+      return;
+    }
+    // const dims = map(coordSys.dimensions, function (dim) {
+    //     return data.mapDimension(dim);
+    // });
+    var dims = map(coordSys.dimensions, function (dim) {
+      return data.mapDimension(dim);
+    });
+    var store = data.getStore();
+    var dimIdx0 = data.getDimensionIndex(dims[0]);
+    var dimIdx1 = data.getDimensionIndex(dims[1]);
+    return {
+      progress: function (params, data) {
+        var segCount = params.end - params.start;
+        var points = createFloat32Array(segCount * 2);
+        var tmpIn = [];
+        var tmpOut = [];
+        for (var i = params.start, offset = 0; i < params.end; i++) {
+          tmpIn[0] = store.get(dimIdx0, i);
+          tmpIn[1] = store.get(dimIdx1, i);
+          // Let coordinate system to handle the NaN data.
+          var point = coordSys.dataToPoint(tmpIn, null, tmpOut);
+          points[offset++] = point[0];
+          points[offset++] = point[1];
+        }
+        data.setLayout('points', points);
+      }
+    };
+  }
+};
+export default baseLineLayout;

package/lib/chart/baseLine/BaseLineSeries.js

@@ -0,0 +1,94 @@
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+
+/**
+ * AUTO-GENERATED FILE. DO NOT MODIFY.
+ */
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+import { __extends } from "tslib";
+import createSeriesData from '../helper/createSeriesData.js';
+import SeriesModel from '../../model/Series.js';
+var BaseLineSeriesModel = /** @class */function (_super) {
+  __extends(BaseLineSeriesModel, _super);
+  function BaseLineSeriesModel() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    _this.type = BaseLineSeriesModel.type;
+    _this.ignoreStyleOnData = true;
+    return _this;
+  }
+  BaseLineSeriesModel.prototype.getInitialData = function (option) {
+    if (process.env.NODE_ENV !== 'production') {
+      var coordSys = option.coordinateSystem;
+      if (coordSys !== 'cartesian2d') {
+        throw new Error('BaseLine not support coordinateSystem besides cartesian');
+      }
+    }
+    return createSeriesData(null, this, {
+      useEncodeDefaulter: true
+    });
+  };
+  BaseLineSeriesModel.type = 'series.baseLine';
+  BaseLineSeriesModel.dependencies = ['grid', 'polar'];
+  BaseLineSeriesModel.defaultOption = {
+    // zlevel: 0,
+    z: 3,
+    coordinateSystem: 'cartesian2d',
+    itemStyle: {
+      topColor: "#089981",
+      topLineWidth: 2,
+      topFill1: "rgba(8, 153, 129, 0.28)",
+      topFill2: "rgba(8, 153, 129, 0.05)",
+      bottomColor: "#F23645",
+      bottomLineWidth: 2,
+      bottomFill1: "rgba(242, 54, 69, 0.05)",
+      bottomFill2: "rgba(242, 54, 69, 0.28)"
+    },
+    baseLinePadding: [0, 0],
+    clip: true,
+    base: 50,
+    emphasis: {
+      scale: true,
+      emphasisState: {
+        zlevel: 1
+      }
+    }
+  };
+  return BaseLineSeriesModel;
+}(SeriesModel);
+export default BaseLineSeriesModel;

package/lib/chart/baseLine/BaseLineView.js

@@ -0,0 +1,274 @@
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+
+/**
+ * AUTO-GENERATED FILE. DO NOT MODIFY.
+ */
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+import { __extends } from "tslib";
+import ChartView from '../../view/Chart.js';
+import PolyLinePath from './PolyLinePath.js';
+import PolyLineFillPath from './PolyLineFillPath.js';
+import * as eventTool from 'tvrender/lib/core/event.js';
+import * as graphic from '../../util/graphic.js';
+import { getECData } from '../../util/innerStore.js';
+import { toggleHoverEmphasis } from '../../util/states.js';
+var BaseLineView = /** @class */function (_super) {
+  __extends(BaseLineView, _super);
+  function BaseLineView() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    _this.type = BaseLineView.type;
+    _this._eventMounted = false;
+    _this._isMouseDown = false;
+    _this.onMouseDown = _this._onMouseDown.bind(_this);
+    _this.onMouseMove = _this._onMouseMove.bind(_this);
+    _this.onMouseUp = _this._onMouseUp.bind(_this);
+    return _this;
+  }
+  // init() {
+  //     // this._onMouseDown = this._onMouseDown.bind(this);
+  // }
+  BaseLineView.prototype.render = function (seriesModel, ecModel, api) {
+    this.api = api;
+    this._renderNormal(seriesModel, ecModel, api);
+  };
+  BaseLineView.prototype.initEvent = function (seriesModel, ecModel, api) {
+    if (this._eventMounted) {
+      return;
+    }
+    this._eventMounted = true;
+    // this._onMouseDown = this._onMouseDown.bind(this);
+    var zr = api.getZr();
+    zr.on('mousemove', this.onMouseMove);
+    zr.on('mouseup', this.onMouseUp);
+  };
+  BaseLineView.prototype.removeEvent = function (api) {
+    if (!this._eventMounted) {
+      return;
+    }
+    this._eventMounted = false;
+    this._isMouseDown = false;
+    var zr = api.getZr();
+    zr.off('mousemove', this.onMouseMove);
+    zr.off('mouseup', this.onMouseUp);
+  };
+  BaseLineView.prototype._renderNormal = function (seriesModel, ecModel, api) {
+    var data = seriesModel.getData();
+    var baseDragDisabled = seriesModel.get('baseDragDisabled');
+    if (!baseDragDisabled) {
+      this.initEvent(seriesModel, ecModel, api);
+    }
+    // const oldData = this._data;
+    var group = this.group;
+    group.removeAll();
+    // const info = seriesModel.get('info');
+    var emphasisState = seriesModel.get('emphasis').emphasisState;
+    var groupId = seriesModel.get('groupId');
+    var base = seriesModel.get('base');
+    var _a = seriesModel.get('baseLinePadding'),
+      left = _a[0],
+      right = _a[1];
+    var itemStyle = seriesModel.get('itemStyle');
+    var lineStyle = seriesModel.get('lineStyle');
+    this._base = base;
+    var topFill1 = itemStyle.topFill1,
+      topColor = itemStyle.topColor,
+      topFill2 = itemStyle.topFill2,
+      topLineWidth = itemStyle.topLineWidth,
+      bottomColor = itemStyle.bottomColor,
+      bottomFill1 = itemStyle.bottomFill1,
+      bottomFill2 = itemStyle.bottomFill2,
+      bottomLineWidth = itemStyle.bottomLineWidth;
+    var points = data.getLayout('points');
+    var height = api.getHeight();
+    var width = api.getWidth();
+    var colorStopsInRange = [];
+    var baseOffset = base / 100;
+    var baseY = Math.floor(height * baseOffset) + 0.5;
+    colorStopsInRange.push({
+      offset: 0,
+      color: topFill1
+    });
+    colorStopsInRange.push({
+      offset: baseOffset,
+      color: topFill2
+    });
+    colorStopsInRange.push({
+      offset: baseOffset,
+      color: bottomFill1
+    });
+    colorStopsInRange.push({
+      offset: 1,
+      color: bottomFill2
+    });
+    var gradient = new graphic.LinearGradient(0, 0, 0, height, colorStopsInRange, true);
+    var polyLineFillEl = new PolyLineFillPath({
+      shape: {
+        points: points,
+        baseY: baseY
+      },
+      style: {
+        fill: gradient,
+        stroke: 'none'
+      }
+    });
+    polyLineFillEl.states.emphasis = emphasisState;
+    group.add(polyLineFillEl);
+    var lineEl = new graphic.Line({
+      shape: {
+        x1: left,
+        x2: width - right,
+        y1: baseY,
+        y2: baseY
+      },
+      style: {
+        lineWidth: lineStyle.width,
+        lineDash: lineStyle.type,
+        stroke: lineStyle.color
+      },
+      onmousedown: baseDragDisabled ? void 0 : this.onMouseDown,
+      cursor: baseDragDisabled ? void 0 : 'ns-resize'
+    });
+    lineEl.states.emphasis = emphasisState;
+    group.add(lineEl);
+    var topPolylineEl = new PolyLinePath({
+      shape: {
+        points: points
+      },
+      style: {
+        fill: 'none',
+        stroke: topColor,
+        lineWidth: topLineWidth
+      },
+      clipPath: new graphic.Rect({
+        shape: {
+          x: 0,
+          y: 0,
+          width: width,
+          height: baseY
+        }
+      })
+    });
+    topPolylineEl.states.emphasis = emphasisState;
+    group.add(topPolylineEl);
+    var bottomPolylineEl = new PolyLinePath({
+      shape: {
+        points: points
+      },
+      style: {
+        fill: 'none',
+        stroke: bottomColor,
+        lineWidth: bottomLineWidth
+      },
+      clipPath: new graphic.Rect({
+        shape: {
+          x: 0,
+          y: baseY,
+          width: width,
+          height: height - baseY
+        }
+      })
+    });
+    bottomPolylineEl.states.emphasis = emphasisState;
+    group.add(bottomPolylineEl);
+    // const clipPath = seriesModel.get('clip', true)
+    //     ? createClipPath(seriesModel.coordinateSystem, false, seriesModel)
+    //     : null;
+    // if (clipPath) {
+    //     this.group.setClipPath(clipPath);
+    // }
+    // else {
+    //     this.group.removeClipPath();
+    // }
+    toggleHoverEmphasis(this.group, null, null, false);
+    getECData(this.group).groupId = groupId;
+  };
+  BaseLineView.prototype.remove = function (ecModel, api) {
+    this.removeEvent(api);
+    this._clear();
+  };
+  BaseLineView.prototype._onMouseDown = function (e) {
+    this._isMouseDown = true;
+    e.cancelBubble = true;
+    eventTool.stop(e.event);
+    return true;
+  };
+  BaseLineView.prototype._onMouseMove = function (e) {
+    if (!this._isMouseDown) {
+      return;
+    }
+    var api = this.api;
+    var offsetY = e.offsetY;
+    var height = api.getHeight();
+    var newBaseY = offsetY / height * 100;
+    api.dispatchAction({
+      type: 'changeBaseLineBase',
+      base: Math.min(Math.max(0, newBaseY), 100),
+      seriesIndex: 0
+    });
+  };
+  BaseLineView.prototype._onMouseUp = function (e) {
+    if (this._isMouseDown) {
+      this._isMouseDown = false;
+      var api = this.api;
+      // api.trigger('changeBaseLineBase', {
+      //     base: Math.round(this._base),
+      //     status: 'finished'
+      // });
+      api.dispatchAction({
+        type: 'changeBaseLineBase',
+        base: this._base,
+        finished: true
+      });
+    }
+  };
+  BaseLineView.prototype._clear = function () {
+    this.group.removeAll();
+    this.api = null;
+    // this._data = null;
+  };
+
+  BaseLineView.prototype.destroyed = function (ecModel, api) {
+    this.removeEvent(api);
+    this._clear();
+  };
+  BaseLineView.type = 'baseLine';
+  return BaseLineView;
+}(ChartView);
+export default BaseLineView;

package/lib/chart/baseLine/PolyLineFillPath.js

@@ -0,0 +1,91 @@
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+
+/**
+ * AUTO-GENERATED FILE. DO NOT MODIFY.
+ */
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+import { __extends } from "tslib";
+/* global Float32Array */
+// TODO Batch by color
+import * as graphic from '../../util/graphic.js';
+var LargePolyLinePathShape = /** @class */function () {
+  function LargePolyLinePathShape() {}
+  return LargePolyLinePathShape;
+}();
+var PolyLinePath = /** @class */function (_super) {
+  __extends(PolyLinePath, _super);
+  // private _ctx: CanvasRenderingContext2D;
+  function PolyLinePath(opts) {
+    return _super.call(this, opts) || this;
+  }
+  PolyLinePath.prototype.getDefaultShape = function () {
+    return new LargePolyLinePathShape();
+  };
+  PolyLinePath.prototype.buildPath = function (path, shape) {
+    var isMove = true;
+    var points = shape.points,
+      baseY = shape.baseY;
+    var startX = 0;
+    var endX = 0;
+    for (var i = 0; i < points.length;) {
+      var x = points[i++];
+      var y = points[i++];
+      if (isNaN(x) || isNaN(y)) {
+        continue;
+      }
+      if (!startX) {
+        startX = x;
+      } else {
+        endX = x;
+      }
+      if (isMove) {
+        isMove = false;
+        path.moveTo(x, y);
+        continue;
+      }
+      path.lineTo(x, y);
+    }
+    path.lineTo(endX, baseY);
+    path.lineTo(startX, baseY);
+    path.closePath();
+  };
+  return PolyLinePath;
+}(graphic.Path);
+export default PolyLinePath;

package/lib/chart/baseLine/PolyLinePath.js

@@ -0,0 +1,80 @@
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+
+/**
+ * AUTO-GENERATED FILE. DO NOT MODIFY.
+ */
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+import { __extends } from "tslib";
+/* global Float32Array */
+// TODO Batch by color
+import * as graphic from '../../util/graphic.js';
+var LargePolyLinePathShape = /** @class */function () {
+  function LargePolyLinePathShape() {}
+  return LargePolyLinePathShape;
+}();
+var PolyLinePath = /** @class */function (_super) {
+  __extends(PolyLinePath, _super);
+  // private _ctx: CanvasRenderingContext2D;
+  function PolyLinePath(opts) {
+    return _super.call(this, opts) || this;
+  }
+  PolyLinePath.prototype.getDefaultShape = function () {
+    return new LargePolyLinePathShape();
+  };
+  PolyLinePath.prototype.buildPath = function (path, shape) {
+    var points = shape.points;
+    var isMove = true;
+    for (var i = 0; i < points.length;) {
+      var x = points[i++];
+      var y = points[i++];
+      if (isNaN(x) || isNaN(y)) {
+        continue;
+      }
+      if (isMove) {
+        isMove = false;
+        path.moveTo(x, y);
+        continue;
+      }
+      path.lineTo(x, y);
+    }
+  };
+  return PolyLinePath;
+}(graphic.Path);
+export default PolyLinePath;

package/lib/chart/baseLine/install.js

@@ -0,0 +1,64 @@
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+
+/**
+ * AUTO-GENERATED FILE. DO NOT MODIFY.
+ */
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+import BaseLineSeries from './BaseLineSeries.js';
+import BaseLineView from './BaseLineView.js';
+import BaseLineLayout from './BaseLineLayout.js';
+export function install(registers) {
+  registers.registerChartView(BaseLineView);
+  registers.registerSeriesModel(BaseLineSeries);
+  registers.registerLayout(BaseLineLayout);
+  registers.registerAction({
+    type: 'changeBaseLineBase',
+    event: 'changeBaseLineBase',
+    update: 'updateView'
+  }, function (payload, ecModel, api) {
+    ecModel.eachComponent({
+      mainType: 'series',
+      subType: 'baseLine',
+      query: payload
+    }, function (seriesModel) {
+      seriesModel.option.base = payload.base;
+    });
+  });
+}

package/lib/chart/playbackOrder/PlaybackOrderView.js

@@ -58,6 +58,11 @@ var PlaybackOrderView = /** @class */function (_super) {
   function PlaybackOrderView() {
     var _this = _super !== null && _super.apply(this, arguments) || this;
     _this.type = PlaybackOrderView.type;
+    _this.onClickGlobal = _this._clickGlobal.bind(_this);
+    _this.onMouseover = _this._mouseover.bind(_this);
+    _this.onMouseout = _this._mouseout.bind(_this);
+    _this.onMouseClick = _this._mouseClick.bind(_this);
+    _this.onMouseDown = _this._mouseDown.bind(_this);
     return _this;
   }
   // init(ecModel: GlobalModel, api: ExtensionAPI) {
@@ -69,7 +74,7 @@ var PlaybackOrderView = /** @class */function (_super) {
     this._renderHover();
     if (!this.htmlContent) {
       this.htmlContent = new PlaybackHtmlContent(api);
-      api.getZr().on('mousedown', this._clickGlobal, this);
+      api.getZr().on('mousedown', this.onClickGlobal);
     }
     this._isSmallSize = seriesModel.get('isMobile') && api.getWidth() <= 600;
     var clipPath = seriesModel.get('clip', true) && createClipPath(seriesModel.coordinateSystem, false, seriesModel);
@@ -233,10 +238,10 @@ var PlaybackOrderView = /** @class */function (_super) {
     if (!this._symbolGroup) {
       this._symbolGroup = new graphic.Group();
       this.group.add(this._symbolGroup);
-      this.group.on('mouseover', this._mouseover, this);
-      this.group.on('mouseout', this._mouseout, this);
-      this.group.on('click', this._mouseClick, this);
-      this.group.on('mousedown', this._mouseDown, this);
+      this.group.on('mouseover', this.onMouseover);
+      this.group.on('mouseout', this.onMouseout);
+      this.group.on('click', this.onMouseClick);
+      this.group.on('mousedown', this.onMouseDown);
     } else {
       this._symbolGroup.removeAll();
     }
@@ -313,7 +318,7 @@ var PlaybackOrderView = /** @class */function (_super) {
   PlaybackOrderView.prototype.dispose = function (ecModel, api) {
     this.remove(ecModel, api);
     this.htmlContent.dispose();
-    api.getZr().off('mousedown', this._clickGlobal);
+    api.getZr().off('mousedown', this.onClickGlobal);
     this.htmlContent = null;
     // this._lineGroup.removeAll();
   };

package/lib/component/alarm/AlarmView.js

@@ -63,6 +63,9 @@ var AlarmView = /** @class */function (_super) {
   function AlarmView() {
     var _this = _super !== null && _super.apply(this, arguments) || this;
     _this.type = AlarmView.type;
+    _this.onMouseMove = _this._onMouseMove.bind(_this);
+    _this.onMouseUp = _this._onMouseUp.bind(_this);
+    _this.onMouseDown = _this._onMouseDown.bind(_this);
     return _this;
     // private _onElClick(e: any, id: string): void {
     //     this.model.setSelectedId(id);
@@ -73,10 +76,10 @@ var AlarmView = /** @class */function (_super) {
     this.ecModel = ecModel;
     this.api = api;
     var zr = api.getZr();
-    zr.on('mousemove', this._onMouseMove, this);
-    zr.on('mouseup', this._onMouseUp, this);
-    zr.on('click', this._onMouseUp, this);
-    zr.on('mousedown', this._onMouseDown, this);
+    zr.on('mousemove', this.onMouseMove);
+    zr.on('mouseup', this.onMouseUp);
+    zr.on('click', this.onMouseUp);
+    zr.on('mousedown', this.onMouseDown);
   };
   AlarmView.prototype.render = function (alarmModel, ecModel, api, payload) {
     this.model = alarmModel;
@@ -306,10 +309,10 @@ var AlarmView = /** @class */function (_super) {
   };
   AlarmView.prototype.dispose = function () {
     var zr = this.api.getZr();
-    zr.off('mousemove', this._onMouseMove);
-    zr.off('mouseup', this._onMouseUp);
-    zr.off('click', this._onMouseUp);
-    zr.off('mousedown', this._onMouseDown);
+    zr.off('mousemove', this.onMouseMove);
+    zr.off('mouseup', this.onMouseUp);
+    zr.off('click', this.onMouseUp);
+    zr.off('mousedown', this.onMouseDown);
     this.ecModel = null;
     this.api = null;
     this.group.removeAll();

package/lib/component/marker/MarkLabelView.js

@@ -108,7 +108,9 @@ var markerTypeCalculator = {
       };
     }
     var fill = (_a = seriesData.getItemVisual(lastIndex, 'style')) === null || _a === void 0 ? void 0 : _a.fill;
-    if (isCandle(seriesModel.subType)) {
+    var value = seriesData.getByRawIndex(item.valueDim, lastIndex);
+    var seriesType = seriesModel.subType;
+    if (isCandle(seriesType)) {
       var dataItem = seriesData.getItemModel(lastIndex, true);
       var sign = 1;
       if (seriesModel.get('signByPrev') && lastIndex) {
@@ -126,13 +128,21 @@ var markerTypeCalculator = {
       if (fill === 'none') {
         fill = dataItem.get(sign > 0 ? positiveBorderColorQuery : negativeBorderColorQuery);
       }
-    } else if (isPlot(seriesModel.subType)) {
+    } else if (isPlot(seriesType)) {
       var isLinesPlot = linePlotTypes.includes(seriesModel.subType);
       var dataItem = seriesData.getItemModel(lastIndex, true);
       fill = formatTextColor(dataItem.get([isLinesPlot ? 'lineStyle' : 'itemStyle', 'color']), height);
+    } else if (seriesType === 'hlcArea') {
+      var dataItem = seriesData.getItemModel(lastIndex, true);
+      fill = dataItem.get('itemStyle').cColor;
+    } else if (seriesType === 'baseLine') {
+      var base = seriesModel.get('base');
+      var itemStyle = seriesModel.get('itemStyle');
+      var y = seriesModel.coordinateSystem.dataToPoint([0, value])[1];
+      fill = base * height / 100 >= y ? itemStyle.topColor : itemStyle.bottomColor;
     }
     return {
-      value: seriesData.getByRawIndex(item.valueDim, lastIndex),
+      value: value,
       labelTextStyle: {
         fill: typeof fill === 'string' ? contrastColor(fill) : '#ffffff',
         // stroke: fill,
@@ -153,13 +163,15 @@ var markerTypeCalculator = {
     if (lastIndex >= count || lastIndex < 0) {
       return null;
     }
+    var seriesType = seriesModel.subType;
     var lastItem = seriesData.count() - 1;
     var fill = (_a = seriesData.getItemVisual(lastItem, 'style')) === null || _a === void 0 ? void 0 : _a.fill;
-    if (isPlot(seriesModel.subType)) {
-      var isLinesPlot = linePlotTypes.includes(seriesModel.subType);
+    var value = seriesData.getByRawIndex(item.valueDim, lastIndex);
+    if (isPlot(seriesType)) {
+      var isLinesPlot = linePlotTypes.includes(seriesType);
       var dataItem = seriesData.getItemModel(lastItem);
       fill = formatTextColor(dataItem.get([isLinesPlot ? 'lineStyle' : 'itemStyle', 'color']), height);
-    } else if (isCandle(seriesModel.subType)) {
+    } else if (isCandle(seriesType)) {
       var dataItem = seriesData.getItemModel(lastItem);
       var sign = 1;
       if (seriesModel.get('signByPrev') && lastIndex) {
@@ -175,9 +187,17 @@ var markerTypeCalculator = {
       if (fill === 'none') {
         fill = dataItem.get(sign > 0 ? positiveBorderColorQuery : negativeBorderColorQuery);
       }
+    } else if (seriesType === 'hlcArea') {
+      var dataItem = seriesData.getItemModel(lastIndex, true);
+      fill = dataItem.get('itemStyle').cColor;
+    } else if (seriesType === 'baseLine') {
+      var base = seriesModel.get('base');
+      var itemStyle = seriesModel.get('itemStyle');
+      var y = seriesModel.coordinateSystem.dataToPoint([0, value])[1];
+      fill = base * height / 100 >= y ? itemStyle.topColor : itemStyle.bottomColor;
     }
     return {
-      value: seriesData.getByRawIndex(item.valueDim, lastIndex),
+      value: value,
       labelTextStyle: {
         fill: fill || DefaultColor,
         // stroke: fill,

package/lib/component/playback/PlaybackOrderView.js

@@ -73,6 +73,13 @@ var PlaybackOrderView = /** @class */function (_super) {
     _this.selected = false;
     _this.dragType = '';
     _this.dragGroupType = '';
+    _this.onOrderMouseover = _this.orderMouseover.bind(_this);
+    _this.onOrderMouseout = _this.orderMouseout.bind(_this);
+    _this.onOrderMousedown = _this.orderMousedown.bind(_this);
+    _this.onOrderClick = _this.orderClick.bind(_this);
+    _this.onZrMouseDown = _this.zrMouseDown.bind(_this);
+    _this.onZrMouseMove = _this.zrMouseMove.bind(_this);
+    _this.onZrMouseUp = _this.zrMouseUp.bind(_this);
     return _this;
   }
   PlaybackOrderView.prototype.init = function (ecModel, api) {
@@ -91,14 +98,14 @@ var PlaybackOrderView = /** @class */function (_super) {
     if (!this.eventMount) {
       this.ecModel = ecModel;
       this.api = api;
-      this.group.on('mousemove', this.orderMouseover, this);
-      this.group.on('mouseout', this.orderMouseout, this);
-      this.group.on('mousedown', this.orderMousedown, this);
-      this.group.on('click', this.orderClick, this);
+      this.group.on('mousemove', this.onOrderMouseover);
+      this.group.on('mouseout', this.onOrderMouseout);
+      this.group.on('mousedown', this.onOrderMousedown);
+      this.group.on('click', this.onOrderClick);
       var zr = api.getZr();
-      zr.on('mousedown', this.zrMouseDown, this);
-      zr.on('mousemove', this.zrMouseMove, this);
-      zr.on('mouseup', this.zrMouseUp, this);
+      zr.on('mousedown', this.onZrMouseDown);
+      zr.on('mousemove', this.onZrMouseMove);
+      zr.on('mouseup', this.onZrMouseUp);
       this.eventMount = true;
     }
     this.playbackOrderModel = playbackOrderModel;
@@ -1410,14 +1417,14 @@ var PlaybackOrderView = /** @class */function (_super) {
     this.orderGroupEls = null;
     this.yAxisModel = null;
     this.playbackOrderModel = null;
-    this.group.off('mouseover', this.orderMouseover);
-    this.group.off('mouseout', this.orderMouseout);
-    this.group.off('mousedown', this.orderMousedown);
-    this.group.off('click', this.orderClick);
+    this.group.off('mouseover', this.onOrderMouseover);
+    this.group.off('mouseout', this.onOrderMouseout);
+    this.group.off('mousedown', this.onOrderMousedown);
+    this.group.off('click', this.onOrderClick);
     var zr = this.api.getZr();
-    zr.off('mousedown', this.zrMouseDown);
-    zr.off('mousemove', this.zrMouseMove);
-    zr.off('mouseup', this.zrMouseUp);
+    zr.off('mousedown', this.onZrMouseDown);
+    zr.off('mousemove', this.onZrMouseMove);
+    zr.off('mouseup', this.onZrMouseUp);
     this.group.removeAll();
     zr.refresh();
     this.eventMount = false;

package/lib/component/playback/PlaybackSelectView.js

@@ -50,6 +50,11 @@ var PlaybackSelectView = /** @class */function (_super) {
     _this.isDown = false;
     _this.isMountEvent = false;
     _this.mouseIndex = 0;
+    _this.onMouseMove = _this._onMouseMove.bind(_this);
+    _this.onClick = _this._onClick.bind(_this);
+    _this.onGlobalout = _this._globalout.bind(_this);
+    _this.onMousedown = _this._onMousedown.bind(_this);
+    _this.onMouseUp = _this._onMouseUp.bind(_this);
     return _this;
   }
   PlaybackSelectView.prototype.init = function (ecModel, api) {
@@ -246,11 +251,11 @@ var PlaybackSelectView = /** @class */function (_super) {
       return;
     }
     var zr = this.api.getZr();
-    zr.on('mousemove', this._onMouseMove, this);
-    zr.on('click', this._onClick, this);
-    zr.on('globalout', this._globalout, this);
-    zr.on('mousedown', this._onMousedown, this);
-    zr.on('mouseup', this._onMouseUp, this);
+    zr.on('mousemove', this.onMouseMove);
+    zr.on('click', this.onClick);
+    zr.on('globalout', this.onGlobalout);
+    zr.on('mousedown', this.onMousedown);
+    zr.on('mouseup', this.onMouseUp);
     // zr.on('mousewheel', this._onMousewheel, this);
     this.isMountEvent = true;
   };
@@ -259,11 +264,11 @@ var PlaybackSelectView = /** @class */function (_super) {
       return;
     }
     var zr = this.api.getZr();
-    zr.off('mousemove', this._onMouseMove);
-    zr.off('click', this._onClick);
-    zr.off('globalout', this._globalout);
-    zr.off('mousedown', this._onMousedown);
-    zr.off('mouseup', this._onMouseUp);
+    zr.off('mousemove', this.onMouseMove);
+    zr.off('click', this.onClick);
+    zr.off('globalout', this.onGlobalout);
+    zr.off('mousedown', this.onMousedown);
+    zr.off('mouseup', this.onMouseUp);
     // zr.off('mousewheel', this._onMousewheel);
     this.isMountEvent = false;
   };

package/lib/export/charts.js

@@ -74,6 +74,7 @@ export { install as CharPlotChart } from '../chart/charPlot/install.js';
 export { install as CandlePlotChart } from '../chart/candlePlot/install.js';
 export { install as CandleVolumeChart } from '../chart/candleVolume/install.js';
 export { install as SymbolLineChart } from '../chart/symbolLine/install.js';
+export { install as BaseLineChart } from '../chart/baseLine/install.js';
 export { install as HeikinAshiChart } from '../chart/heikinAshi/install.js';
 export { install as HlcAreaChart } from '../chart/hlcArea/install.js';
 export { install as VolPathChart } from '../chart/volPath/install.js';

package/lib/model/Global.js

@@ -145,6 +145,7 @@ var BUILTIN_CHARTS_MAP = {
   candlePlot: 'CandlePlotChart',
   candleVolume: 'CandleVolumeChart',
   symbolLine: 'SymbolLineChart',
+  baseLine: 'BaseLineChart',
   hlcArea: 'HlcAreaChart',
   heikinAshi: 'HeikinAshiChart',
   volPath: 'VolPathChart',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tvcharts",
-  "version": "0.9.46",
+  "version": "0.9.48",
   "main": "dist/echarts.js",
   "module": "index.js",
   "jsdelivr": "dist/echarts.min.js",

package/types/dist/charts.d.ts

@@ -1 +1 @@
-export { install$34 as ArrowsPlotChart, install$1 as BarChart, install$33 as BarPlotChart, BarSeriesOption, install$38 as BgColorChart, install$23 as BoxesChart, install$13 as BoxplotChart, BoxplotSeriesOption, install$25 as CandlePlotChart, install$26 as CandleVolumeChart, install$14 as CandlestickChart, CandlestickSeriesOption, install$24 as CharPlotChart, install$43 as CustomChart, CustomSeriesOption, install$15 as EffectScatterChart, EffectScatterSeriesOption, install$37 as FillsChart, install$10 as FunnelChart, FunnelSeriesOption, install$9 as GaugeChart, GaugeSeriesOption, install$8 as GraphChart, GraphSeriesOption, install$36 as HLinesChart, install$39 as HeatmapChart, HeatmapSeriesOption, install$28 as HeikinAshiChart, install$29 as HlcAreaChart, install$35 as LabelsChart, install as LineChart, install$22 as LineFillsChart, LineSeriesOption, install$16 as LinesChart, install$17 as LinesPlotChart, LinesPlotSeriesOption, LinesSeriesOption, install$5 as MapChart, MapSeriesOption, install$20 as MineLinesChart, install$21 as MinePolyLinesChart, install$11 as ParallelChart, ParallelSeriesOption, install$40 as PictorialBarChart, PictorialBarSeriesOption, install$2 as PieChart, PieSeriesOption, install$19 as PlaybackOrderChart, install$4 as RadarChart, RadarSeriesOption, install$12 as SankeyChart, SankeySeriesOption, install$3 as ScatterChart, ScatterSeriesOption, install$18 as StrategyChart, StrategySeriesOption, install$42 as SunburstChart, SunburstSeriesOption, install$27 as SymbolLineChart, install$41 as ThemeRiverChart, ThemeRiverSeriesOption, install$6 as TreeChart, TreeSeriesOption, install$7 as TreemapChart, TreemapSeriesOption, install$30 as VolPathChart, install$31 as VolPathRectChart, install$32 as VolPathTableChart } from './shared';
+export { install$35 as ArrowsPlotChart, install$1 as BarChart, install$34 as BarPlotChart, BarSeriesOption, install$28 as BaseLineChart, install$39 as BgColorChart, install$23 as BoxesChart, install$13 as BoxplotChart, BoxplotSeriesOption, install$25 as CandlePlotChart, install$26 as CandleVolumeChart, install$14 as CandlestickChart, CandlestickSeriesOption, install$24 as CharPlotChart, install$44 as CustomChart, CustomSeriesOption, install$15 as EffectScatterChart, EffectScatterSeriesOption, install$38 as FillsChart, install$10 as FunnelChart, FunnelSeriesOption, install$9 as GaugeChart, GaugeSeriesOption, install$8 as GraphChart, GraphSeriesOption, install$37 as HLinesChart, install$40 as HeatmapChart, HeatmapSeriesOption, install$29 as HeikinAshiChart, install$30 as HlcAreaChart, install$36 as LabelsChart, install as LineChart, install$22 as LineFillsChart, LineSeriesOption, install$16 as LinesChart, install$17 as LinesPlotChart, LinesPlotSeriesOption, LinesSeriesOption, install$5 as MapChart, MapSeriesOption, install$20 as MineLinesChart, install$21 as MinePolyLinesChart, install$11 as ParallelChart, ParallelSeriesOption, install$41 as PictorialBarChart, PictorialBarSeriesOption, install$2 as PieChart, PieSeriesOption, install$19 as PlaybackOrderChart, install$4 as RadarChart, RadarSeriesOption, install$12 as SankeyChart, SankeySeriesOption, install$3 as ScatterChart, ScatterSeriesOption, install$18 as StrategyChart, StrategySeriesOption, install$43 as SunburstChart, SunburstSeriesOption, install$27 as SymbolLineChart, install$42 as ThemeRiverChart, ThemeRiverSeriesOption, install$6 as TreeChart, TreeSeriesOption, install$7 as TreemapChart, TreemapSeriesOption, install$31 as VolPathChart, install$32 as VolPathRectChart, install$33 as VolPathTableChart } from './shared';

package/types/dist/components.d.ts

@@ -1 +1 @@
-export { install$62 as AlarmComponent, install$81 as AriaComponent, AriaOption as AriaComponentOption, install$55 as AxisPointerComponent, AxisPointerOption as AxisPointerComponentOption, install$63 as BgRectComponent, install$56 as BrushComponent, BrushOption as BrushComponentOption, install$51 as CalendarComponent, CalendarOption as CalendarComponentOption, install$60 as CursorPointerComponent, install$75 as DataZoomComponent, DataZoomComponentOption, install$76 as DataZoomInsideComponent, install$77 as DataZoomSliderComponent, install$83 as DatasetComponent, DatasetOption as DatasetComponentOption, install$58 as EventsComponent, install$48 as GeoComponent, GeoOption as GeoComponentOption, install$52 as GraphicComponent, GraphicComponentLooseOption as GraphicComponentOption, install$45 as GridComponent, GridOption as GridComponentOption, install$44 as GridSimpleComponent, install$72 as LegendComponent, LegendComponentOption, install$74 as LegendPlainComponent, install$73 as LegendScrollComponent, install$71 as LimitTipComponent, install$65 as LogoComponent, install$69 as MarkAreaComponent, MarkAreaOption as MarkAreaComponentOption, install$70 as MarkLabelComponent, MarkLabelOption as MarkLabelComponentOption, install$68 as MarkLineComponent, MarkLineOption as MarkLineComponentOption, install$67 as MarkPointComponent, MarkPointOption as MarkPointComponentOption, install$50 as ParallelComponent, ParallelCoordinateSystemOption as ParallelComponentOption, install$64 as PlaybackComponent, install$46 as PolarComponent, PolarOption as PolarComponentOption, install$47 as RadarComponent, RadarOption as RadarComponentOption, install$49 as SingleAxisComponent, SingleAxisOption as SingleAxisComponentOption, install$61 as TableComponent, install$66 as TimelineComponent, TimelineOption as TimelineComponentOption, install$57 as TitleComponent, TitleOption as TitleComponentOption, install$53 as ToolboxComponent, ToolboxComponentOption, install$54 as TooltipComponent, TooltipOption as TooltipComponentOption, install$59 as TradeDayComponent, install$82 as TransformComponent, install$78 as VisualMapComponent, VisualMapComponentOption, install$79 as VisualMapContinuousComponent, install$80 as VisualMapPiecewiseComponent } from './shared';
+export { install$63 as AlarmComponent, install$82 as AriaComponent, AriaOption as AriaComponentOption, install$56 as AxisPointerComponent, AxisPointerOption as AxisPointerComponentOption, install$64 as BgRectComponent, install$57 as BrushComponent, BrushOption as BrushComponentOption, install$52 as CalendarComponent, CalendarOption as CalendarComponentOption, install$61 as CursorPointerComponent, install$76 as DataZoomComponent, DataZoomComponentOption, install$77 as DataZoomInsideComponent, install$78 as DataZoomSliderComponent, install$84 as DatasetComponent, DatasetOption as DatasetComponentOption, install$59 as EventsComponent, install$49 as GeoComponent, GeoOption as GeoComponentOption, install$53 as GraphicComponent, GraphicComponentLooseOption as GraphicComponentOption, install$46 as GridComponent, GridOption as GridComponentOption, install$45 as GridSimpleComponent, install$73 as LegendComponent, LegendComponentOption, install$75 as LegendPlainComponent, install$74 as LegendScrollComponent, install$72 as LimitTipComponent, install$66 as LogoComponent, install$70 as MarkAreaComponent, MarkAreaOption as MarkAreaComponentOption, install$71 as MarkLabelComponent, MarkLabelOption as MarkLabelComponentOption, install$69 as MarkLineComponent, MarkLineOption as MarkLineComponentOption, install$68 as MarkPointComponent, MarkPointOption as MarkPointComponentOption, install$51 as ParallelComponent, ParallelCoordinateSystemOption as ParallelComponentOption, install$65 as PlaybackComponent, install$47 as PolarComponent, PolarOption as PolarComponentOption, install$48 as RadarComponent, RadarOption as RadarComponentOption, install$50 as SingleAxisComponent, SingleAxisOption as SingleAxisComponentOption, install$62 as TableComponent, install$67 as TimelineComponent, TimelineOption as TimelineComponentOption, install$58 as TitleComponent, TitleOption as TitleComponentOption, install$54 as ToolboxComponent, ToolboxComponentOption, install$55 as TooltipComponent, TooltipOption as TooltipComponentOption, install$60 as TradeDayComponent, install$83 as TransformComponent, install$79 as VisualMapComponent, VisualMapComponentOption, install$80 as VisualMapContinuousComponent, install$81 as VisualMapPiecewiseComponent } from './shared';

package/types/dist/renderers.d.ts

@@ -1 +1 @@
-export { install$85 as CanvasRenderer, install$84 as SVGRenderer } from './shared';
+export { install$86 as CanvasRenderer, install$85 as SVGRenderer } from './shared';

package/types/dist/shared.d.ts

@@ -9335,6 +9335,8 @@ declare function install$H(registers: EChartsExtensionInstallRegisters): void;
 
 declare function install$I(registers: EChartsExtensionInstallRegisters): void;
 
+declare function install$J(registers: EChartsExtensionInstallRegisters): void;
+
 interface RadarIndicatorOption {
     name?: string;
     /**
@@ -9567,7 +9569,7 @@ interface TitleOption extends ComponentOption, BoxLayoutOptionMixin, BorderOptio
      */
     borderRadius?: number | number[];
 }
-declare function install$J(registers: EChartsExtensionInstallRegisters): void;
+declare function install$K(registers: EChartsExtensionInstallRegisters): void;
 
 interface TimelineControlStyle extends ItemStyleOption {
     show?: boolean;
@@ -11562,8 +11564,6 @@ interface EChartsOption extends ECBasicOption {
     baseOption?: EChartsOption;
 }
 
-declare function install$K(registers: EChartsExtensionInstallRegisters): void;
-
 declare function install$L(registers: EChartsExtensionInstallRegisters): void;
 
 declare function install$M(registers: EChartsExtensionInstallRegisters): void;
@@ -11642,8 +11642,10 @@ declare function install$1k(registers: EChartsExtensionInstallRegisters): void;
 
 declare function install$1l(registers: EChartsExtensionInstallRegisters): void;
 
+declare function install$1m(registers: EChartsExtensionInstallRegisters): void;
+
 declare function installUniversalTransition(registers: EChartsExtensionInstallRegisters): void;
 
 declare function installLabelLayout(registers: EChartsExtensionInstallRegisters): void;
 
-export { AngleAxisOption, AnimationDelayCallback, AnimationDelayCallbackParam, AnimationDurationCallback, AriaOption, Axis, AxisPointerOption, BarSeriesOption$1 as BarSeriesOption, BoxplotSeriesOption$1 as BoxplotSeriesOption, BrushOption, CalendarOption, CallbackDataParams, CandlestickSeriesOption$1 as CandlestickSeriesOption, ChartView, ComponentModel, ComponentView, ComposeOption, ContinousVisualMapOption, CustomSeriesOption$1 as CustomSeriesOption, CustomSeriesRenderItem, CustomSeriesRenderItemAPI, CustomSeriesRenderItemParams, CustomSeriesRenderItemReturn, DataZoomComponentOption, DatasetOption, DownplayPayload, ECBasicOption, ECElementEvent, EChartsInitOpts, EChartsOption, EChartsType, EffectScatterSeriesOption$1 as EffectScatterSeriesOption, ElementEvent, FunnelSeriesOption$1 as FunnelSeriesOption, GaugeSeriesOption$1 as GaugeSeriesOption, GeoOption, GraphSeriesOption$1 as GraphSeriesOption, GraphicComponentLooseOption, GridOption, HeatmapSeriesOption$1 as HeatmapSeriesOption, HighlightPayload, ImagePatternObject, InsideDataZoomOption, LabelFormatterCallback, LabelLayoutOptionCallback, LabelLayoutOptionCallbackParams, LegendComponentOption, LegendOption, LineSeriesOption$1 as LineSeriesOption, LinearGradientObject, LinesPlotSeriesOption$1 as LinesPlotSeriesOption, LinesSeriesOption$1 as LinesSeriesOption, MapSeriesOption$1 as MapSeriesOption, MarkAreaOption, MarkLabelOption, MarkLineOption, MarkPointOption, MineLinesSeriesOption$1 as MineLinesSeriesOption, Model, PRIORITY, ParallelCoordinateSystemOption, ParallelSeriesOption$1 as ParallelSeriesOption, PatternObject, Payload, PictorialBarSeriesOption$1 as PictorialBarSeriesOption, PieSeriesOption$1 as PieSeriesOption, PiecewiseVisualMapOption, PolarOption, RadarOption, RadarSeriesOption$1 as RadarSeriesOption, RadialGradientObject, RadiusAxisOption, RegisteredSeriesOption, ResizeOpts, SVGPatternObject, SankeySeriesOption$1 as SankeySeriesOption, ScatterSeriesOption$1 as ScatterSeriesOption, ScrollableLegendOption, SelectChangedPayload, SeriesData, SeriesModel, SeriesOption$1 as SeriesOption, SetOptionOpts, SetOptionTransitionOpt, SetOptionTransitionOptItem, SingleAxisOption, SliderDataZoomOption, StrategySeriesOption$1 as StrategySeriesOption, SunburstSeriesOption$1 as SunburstSeriesOption, ThemeRiverSeriesOption$1 as ThemeRiverSeriesOption, TimelineOption, TitleOption, ToolboxComponentOption, TooltipFormatterCallback, TooltipOption, TooltipPositionCallback, TooltipPositionCallbackParams, TopLevelFormatterParams, TreeSeriesOption$1 as TreeSeriesOption, TreemapSeriesOption$1 as TreemapSeriesOption, VisualMapComponentOption, XAXisOption, YAXisOption, ZRColor, brushSingle, colorToRgba, color_d, connect, connectLayoutAction, connectLayouts, contrastColor, dataTool, dependencies, disConnect, disconnect, disconnectLayoutAction, disconnectLayouts, dispose$1 as dispose, env, extendChartView, extendComponentModel, extendComponentView, extendSeriesModel, format_d, getCoordinateSystemDimensions, getInstanceByDom, getInstanceById, getMap, graphic_d, helper_d, init$1 as init, install$1 as install, install$2 as install$1, install$b as install$10, install$c as install$11, install$d as install$12, install$e as install$13, install$f as install$14, install$g as install$15, install$h as install$16, install$i as install$17, install$j as install$18, install$k as install$19, install$3 as install$2, install$l as install$20, install$m as install$21, install$n as install$22, install$o as install$23, install$p as install$24, install$q as install$25, install$r as install$26, install$s as install$27, install$t as install$28, install$u as install$29, install$4 as install$3, install$v as install$30, install$w as install$31, install$x as install$32, install$y as install$33, install$z as install$34, install$A as install$35, install$B as install$36, install$C as install$37, install$D as install$38, install$E as install$39, install$5 as install$4, install$F as install$40, install$G as install$41, install$H as install$42, install$I as install$43, install$K as install$44, install$L as install$45, install$M as install$46, install$N as install$47, install$O as install$48, install$P as install$49, install$6 as install$5, install$Q as install$50, install$R as install$51, install$S as install$52, install$T as install$53, install$U as install$54, install$V as install$55, install$W as install$56, install$J as install$57, install$X as install$58, install$Y as install$59, install$7 as install$6, install$Z as install$60, install$_ as install$61, install$$ as install$62, install$10 as install$63, install$11 as install$64, install$12 as install$65, install$13 as install$66, install$14 as install$67, install$15 as install$68, install$16 as install$69, install$8 as install$7, install$17 as install$70, install$18 as install$71, install$19 as install$72, install$1a as install$73, install$1b as install$74, install$1c as install$75, install$1d as install$76, install$1e as install$77, install$1f as install$78, install$1g as install$79, install$9 as install$8, install$1h as install$80, install$1i as install$81, install$1j as install$82, install as install$83, install$1k as install$84, install$1l as install$85, install$a as install$9, installLabelLayout, installUniversalTransition, matrix_d, number_d, parseGeoJSON, registerAction, registerCoordinateSystem, registerLayout, registerLoading, registerLocale, registerMap, registerPostInit, registerPostUpdate, registerPreprocessor, registerProcessor, registerTheme, registerTransform, registerUpdateLifecycle, registerVisual, setCanvasCreator, setPlatformAPI, throttle, time_d, use, util_d, util_d$1, vector_d, version$1 as version, zrender_d };
+export { AngleAxisOption, AnimationDelayCallback, AnimationDelayCallbackParam, AnimationDurationCallback, AriaOption, Axis, AxisPointerOption, BarSeriesOption$1 as BarSeriesOption, BoxplotSeriesOption$1 as BoxplotSeriesOption, BrushOption, CalendarOption, CallbackDataParams, CandlestickSeriesOption$1 as CandlestickSeriesOption, ChartView, ComponentModel, ComponentView, ComposeOption, ContinousVisualMapOption, CustomSeriesOption$1 as CustomSeriesOption, CustomSeriesRenderItem, CustomSeriesRenderItemAPI, CustomSeriesRenderItemParams, CustomSeriesRenderItemReturn, DataZoomComponentOption, DatasetOption, DownplayPayload, ECBasicOption, ECElementEvent, EChartsInitOpts, EChartsOption, EChartsType, EffectScatterSeriesOption$1 as EffectScatterSeriesOption, ElementEvent, FunnelSeriesOption$1 as FunnelSeriesOption, GaugeSeriesOption$1 as GaugeSeriesOption, GeoOption, GraphSeriesOption$1 as GraphSeriesOption, GraphicComponentLooseOption, GridOption, HeatmapSeriesOption$1 as HeatmapSeriesOption, HighlightPayload, ImagePatternObject, InsideDataZoomOption, LabelFormatterCallback, LabelLayoutOptionCallback, LabelLayoutOptionCallbackParams, LegendComponentOption, LegendOption, LineSeriesOption$1 as LineSeriesOption, LinearGradientObject, LinesPlotSeriesOption$1 as LinesPlotSeriesOption, LinesSeriesOption$1 as LinesSeriesOption, MapSeriesOption$1 as MapSeriesOption, MarkAreaOption, MarkLabelOption, MarkLineOption, MarkPointOption, MineLinesSeriesOption$1 as MineLinesSeriesOption, Model, PRIORITY, ParallelCoordinateSystemOption, ParallelSeriesOption$1 as ParallelSeriesOption, PatternObject, Payload, PictorialBarSeriesOption$1 as PictorialBarSeriesOption, PieSeriesOption$1 as PieSeriesOption, PiecewiseVisualMapOption, PolarOption, RadarOption, RadarSeriesOption$1 as RadarSeriesOption, RadialGradientObject, RadiusAxisOption, RegisteredSeriesOption, ResizeOpts, SVGPatternObject, SankeySeriesOption$1 as SankeySeriesOption, ScatterSeriesOption$1 as ScatterSeriesOption, ScrollableLegendOption, SelectChangedPayload, SeriesData, SeriesModel, SeriesOption$1 as SeriesOption, SetOptionOpts, SetOptionTransitionOpt, SetOptionTransitionOptItem, SingleAxisOption, SliderDataZoomOption, StrategySeriesOption$1 as StrategySeriesOption, SunburstSeriesOption$1 as SunburstSeriesOption, ThemeRiverSeriesOption$1 as ThemeRiverSeriesOption, TimelineOption, TitleOption, ToolboxComponentOption, TooltipFormatterCallback, TooltipOption, TooltipPositionCallback, TooltipPositionCallbackParams, TopLevelFormatterParams, TreeSeriesOption$1 as TreeSeriesOption, TreemapSeriesOption$1 as TreemapSeriesOption, VisualMapComponentOption, XAXisOption, YAXisOption, ZRColor, brushSingle, colorToRgba, color_d, connect, connectLayoutAction, connectLayouts, contrastColor, dataTool, dependencies, disConnect, disconnect, disconnectLayoutAction, disconnectLayouts, dispose$1 as dispose, env, extendChartView, extendComponentModel, extendComponentView, extendSeriesModel, format_d, getCoordinateSystemDimensions, getInstanceByDom, getInstanceById, getMap, graphic_d, helper_d, init$1 as init, install$1 as install, install$2 as install$1, install$b as install$10, install$c as install$11, install$d as install$12, install$e as install$13, install$f as install$14, install$g as install$15, install$h as install$16, install$i as install$17, install$j as install$18, install$k as install$19, install$3 as install$2, install$l as install$20, install$m as install$21, install$n as install$22, install$o as install$23, install$p as install$24, install$q as install$25, install$r as install$26, install$s as install$27, install$t as install$28, install$u as install$29, install$4 as install$3, install$v as install$30, install$w as install$31, install$x as install$32, install$y as install$33, install$z as install$34, install$A as install$35, install$B as install$36, install$C as install$37, install$D as install$38, install$E as install$39, install$5 as install$4, install$F as install$40, install$G as install$41, install$H as install$42, install$I as install$43, install$J as install$44, install$L as install$45, install$M as install$46, install$N as install$47, install$O as install$48, install$P as install$49, install$6 as install$5, install$Q as install$50, install$R as install$51, install$S as install$52, install$T as install$53, install$U as install$54, install$V as install$55, install$W as install$56, install$X as install$57, install$K as install$58, install$Y as install$59, install$7 as install$6, install$Z as install$60, install$_ as install$61, install$$ as install$62, install$10 as install$63, install$11 as install$64, install$12 as install$65, install$13 as install$66, install$14 as install$67, install$15 as install$68, install$16 as install$69, install$8 as install$7, install$17 as install$70, install$18 as install$71, install$19 as install$72, install$1a as install$73, install$1b as install$74, install$1c as install$75, install$1d as install$76, install$1e as install$77, install$1f as install$78, install$1g as install$79, install$9 as install$8, install$1h as install$80, install$1i as install$81, install$1j as install$82, install$1k as install$83, install as install$84, install$1l as install$85, install$1m as install$86, install$a as install$9, installLabelLayout, installUniversalTransition, matrix_d, number_d, parseGeoJSON, registerAction, registerCoordinateSystem, registerLayout, registerLoading, registerLocale, registerMap, registerPostInit, registerPostUpdate, registerPreprocessor, registerProcessor, registerTheme, registerTransform, registerUpdateLifecycle, registerVisual, setCanvasCreator, setPlatformAPI, throttle, time_d, use, util_d, util_d$1, vector_d, version$1 as version, zrender_d };

package/types/src/chart/baseLine/BaseLineLayout.d.ts

@@ -0,0 +1,3 @@
+import { StageHandler } from '../../util/types.js';
+declare const baseLineLayout: StageHandler;
+export default baseLineLayout;

package/types/src/chart/baseLine/BaseLineSeries.d.ts

@@ -0,0 +1,63 @@
+import SeriesModel from '../../model/Series.js';
+import { SeriesOnCartesianOptionMixin, SeriesOption, SeriesLabelOption, LineStyleOption, ItemStyleOption, AreaStyleOption, OptionDataValue, SymbolOptionMixin, SeriesSamplingOptionMixin, StatesOptionMixin, SeriesEncodeOptionMixin, CallbackDataParams, DefaultEmphasisFocus } from '../../util/types.js';
+import SeriesData from '../../data/SeriesData.js';
+import type Cartesian2D from '../../coord/cartesian/Cartesian2D.js';
+import type Polar from '../../coord/polar/Polar.js';
+import { PathState } from 'tvrender/lib/graphic/Path.js';
+declare type BaseLineDataValue = OptionDataValue | OptionDataValue[];
+interface BaseLineStateOptionMixin {
+    emphasis?: {
+        focus?: DefaultEmphasisFocus;
+        scale?: boolean | number;
+        emphasisState?: PathState;
+    };
+}
+interface BaseLineItemStyleOption extends ItemStyleOption {
+    topColor: string;
+    topLineWidth: number;
+    topFill1: string;
+    topFill2: string;
+    bottomColor: string;
+    bottomLineWidth: number;
+    bottomFill1: string;
+    bottomFill2: string;
+}
+export interface BaseLineStateOption<TCbParams = never> {
+    itemStyle?: BaseLineItemStyleOption;
+    label?: SeriesLabelOption;
+    endLabel?: BaseLineEndLabelOption;
+}
+export interface BaseLineDataItemOption extends SymbolOptionMixin, BaseLineStateOption, StatesOptionMixin<BaseLineStateOption, BaseLineStateOptionMixin> {
+    name?: string;
+    value?: BaseLineDataValue;
+}
+export interface BaseLineEndLabelOption extends SeriesLabelOption {
+    valueAnimation?: boolean;
+}
+export interface BaseLineSeriesOption extends SeriesOption<BaseLineStateOption<CallbackDataParams>, BaseLineStateOptionMixin & {
+    emphasis?: {
+        lineStyle?: Omit<LineStyleOption, 'width'> & {
+            width?: LineStyleOption['width'] | 'bolder';
+        };
+        areaStyle?: AreaStyleOption;
+    };
+}>, BaseLineStateOption<CallbackDataParams>, SeriesOnCartesianOptionMixin, SeriesSamplingOptionMixin, SeriesEncodeOptionMixin {
+    type?: 'baseLine';
+    base: number;
+    baseDragDisabled?: boolean;
+    coordinateSystem?: 'cartesian2d';
+    clip?: boolean;
+    lineStyle?: LineStyleOption;
+    baseLinePadding: [number, number];
+    data?: (BaseLineDataValue | BaseLineDataItemOption)[];
+}
+declare class BaseLineSeriesModel extends SeriesModel<BaseLineSeriesOption> {
+    static readonly type = "series.baseLine";
+    type: string;
+    static readonly dependencies: string[];
+    coordinateSystem: Cartesian2D | Polar;
+    ignoreStyleOnData: boolean;
+    getInitialData(option: BaseLineSeriesOption): SeriesData;
+    static defaultOption: BaseLineSeriesOption;
+}
+export default BaseLineSeriesModel;

package/types/src/chart/baseLine/BaseLineView.d.ts

@@ -0,0 +1,26 @@
+import ChartView from '../../view/Chart.js';
+import GlobalModel from '../../model/Global.js';
+import ExtensionAPI from '../../core/ExtensionAPI.js';
+import BaseLineSeriesModel from './BaseLineSeries.js';
+declare class BaseLineView extends ChartView {
+    static readonly type = "baseLine";
+    readonly type = "baseLine";
+    _eventMounted: boolean;
+    _isMouseDown: boolean;
+    api: ExtensionAPI;
+    _base: number;
+    onMouseDown: (e: any) => boolean;
+    onMouseMove: (e: any) => void;
+    onMouseUp: (e: any) => void;
+    render(seriesModel: BaseLineSeriesModel, ecModel: GlobalModel, api: ExtensionAPI): void;
+    initEvent(seriesModel: BaseLineSeriesModel, ecModel: GlobalModel, api: ExtensionAPI): void;
+    removeEvent(api: ExtensionAPI): void;
+    _renderNormal(seriesModel: BaseLineSeriesModel, ecModel: GlobalModel, api: ExtensionAPI): void;
+    remove(ecModel: GlobalModel, api: ExtensionAPI): void;
+    _onMouseDown(e: any): boolean;
+    _onMouseMove(e: any): void;
+    _onMouseUp(e: any): void;
+    _clear(): void;
+    destroyed(ecModel: GlobalModel, api: ExtensionAPI): void;
+}
+export default BaseLineView;

package/types/src/chart/baseLine/PolyLineFillPath.d.ts

@@ -0,0 +1,20 @@
+import * as graphic from '../../util/graphic.js';
+import { createSymbol } from '../../util/symbol.js';
+import { PathProps } from 'tvrender/lib/graphic/Path.js';
+import PathProxy from 'tvrender/lib/core/PathProxy.js';
+declare class LargePolyLinePathShape {
+    points: number[];
+    baseY: number;
+}
+declare type LargePolyLinePathProps = PathProps & {
+    shape?: Partial<LargePolyLinePathShape>;
+};
+declare type ECSymbol = ReturnType<typeof createSymbol>;
+declare class PolyLinePath extends graphic.Path<LargePolyLinePathProps> {
+    shape: LargePolyLinePathShape;
+    symbolProxy: ECSymbol;
+    constructor(opts?: LargePolyLinePathProps);
+    getDefaultShape(): LargePolyLinePathShape;
+    buildPath(path: PathProxy, shape: LargePolyLinePathShape): void;
+}
+export default PolyLinePath;

package/types/src/chart/baseLine/PolyLinePath.d.ts

@@ -0,0 +1,19 @@
+import * as graphic from '../../util/graphic.js';
+import { createSymbol } from '../../util/symbol.js';
+import { PathProps } from 'tvrender/lib/graphic/Path.js';
+import PathProxy from 'tvrender/lib/core/PathProxy.js';
+declare class LargePolyLinePathShape {
+    points: number[];
+}
+declare type LargePolyLinePathProps = PathProps & {
+    shape?: Partial<LargePolyLinePathShape>;
+};
+declare type ECSymbol = ReturnType<typeof createSymbol>;
+declare class PolyLinePath extends graphic.Path<LargePolyLinePathProps> {
+    shape: LargePolyLinePathShape;
+    symbolProxy: ECSymbol;
+    constructor(opts?: LargePolyLinePathProps);
+    getDefaultShape(): LargePolyLinePathShape;
+    buildPath(path: PathProxy, shape: LargePolyLinePathShape): void;
+}
+export default PolyLinePath;

package/types/src/chart/baseLine/install.d.ts

@@ -0,0 +1,2 @@
+import { EChartsExtensionInstallRegisters } from '../../extension.js';
+export declare function install(registers: EChartsExtensionInstallRegisters): void;

package/types/src/chart/playbackOrder/PlaybackOrderView.d.ts

@@ -14,6 +14,11 @@ declare class PlaybackOrderView extends ChartView {
     seriesModel: PlaybackOrderSeriesModel;
     private _isSmallSize;
     private api;
+    onClickGlobal: () => void;
+    onMouseover: (e: any) => void;
+    onMouseout: () => void;
+    onMouseClick: (e: any) => void;
+    onMouseDown: (e: any) => void;
     render(seriesModel: PlaybackOrderSeriesModel, ecModel: GlobalModel, api: ExtensionAPI): void;
     _renderHover(): void;
     _clickGlobal(): void;

package/types/src/component/alarm/AlarmView.d.ts

@@ -19,6 +19,9 @@ declare class AlarmView extends ComponentView {
     downStop: boolean;
     elMap: zrUtil.HashMap<Group, string>;
     alarmMap: zrUtil.HashMap<AlarmParam, string>;
+    onMouseMove: (e: any) => void;
+    onMouseUp: () => void;
+    onMouseDown: (e: any) => void;
     init(ecModel: GlobalModel, api: ExtensionAPI): void;
     render(alarmModel: AlarmModel, ecModel: GlobalModel, api: ExtensionAPI, payload: Payload): void;
     updateVisual(alarmModel: AlarmModel, ecModel: GlobalModel, api: ExtensionAPI, payload: Payload): void;

package/types/src/component/playback/PlaybackOrderView.d.ts

@@ -63,6 +63,13 @@ export declare class PlaybackOrderView extends ComponentView {
     private eventMount;
     private mousemoveTPSL;
     private _timer;
+    onOrderMouseover: (e: any) => void;
+    onOrderMouseout: (e: any) => void;
+    onOrderMousedown: (e: any) => void;
+    onOrderClick: (e: any) => void;
+    onZrMouseDown: (e: any) => void;
+    onZrMouseMove: (e: any) => void;
+    onZrMouseUp: () => void;
     init(ecModel: GlobalModel, api: ExtensionAPI): void;
     render(playbackOrderModel: PlaybackOrderModel, ecModel: GlobalModel, api: ExtensionAPI): void;
     sendMessage(type: string): void;

package/types/src/component/playback/PlaybackSelectView.d.ts

@@ -15,6 +15,11 @@ export declare class PlaybackSelectView extends ComponentView {
     private isMobile;
     private isMountEvent;
     private mouseIndex;
+    onMouseMove: (e: any) => void;
+    onClick: (e: any) => void;
+    onGlobalout: () => void;
+    onMousedown: (e: any) => void;
+    onMouseUp: (e: any) => void;
     ecModel: GlobalModel;
     api: ExtensionAPI;
     playbackSelectModel: PlaybackSelectModel;

package/types/src/export/charts.d.ts

@@ -26,6 +26,7 @@ export { install as CharPlotChart } from '../chart/charPlot/install.js';
 export { install as CandlePlotChart } from '../chart/candlePlot/install.js';
 export { install as CandleVolumeChart } from '../chart/candleVolume/install.js';
 export { install as SymbolLineChart } from '../chart/symbolLine/install.js';
+export { install as BaseLineChart } from '../chart/baseLine/install.js';
 export { install as HeikinAshiChart } from '../chart/heikinAshi/install.js';
 export { install as HlcAreaChart } from '../chart/hlcArea/install.js';
 export { install as VolPathChart } from '../chart/volPath/install.js';