tvcharts 0.9.45 → 0.9.47

package/lib/chart/hlcArea/HlcAreaLayout.js

@@ -0,0 +1,102 @@
+
+/*
+* 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 hlcAreaLayout = {
+  seriesType: 'hlcArea',
+  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 cDimIdx = 0;
+    var vDimIdx = 1;
+    var coordDims = ['x', 'y'];
+    var cDimI = data.getDimensionIndex(data.mapDimension(coordDims[cDimIdx]));
+    var vDimsI = map(data.mapDimensionsAll(coordDims[vDimIdx]), data.getDimensionIndex, data);
+    var store = data.getStore();
+    var dimIdx0 = data.getDimensionIndex(cDimI);
+    var closeDimI = data.getDimensionIndex(vDimsI[0]);
+    var lowestDimI = data.getDimensionIndex(vDimsI[1]);
+    var highestDimI = data.getDimensionIndex(vDimsI[2]);
+    return {
+      progress: function (params, data) {
+        var segCount = params.end - params.start;
+        var xPoints = createFloat32Array(segCount);
+        var cPoints = createFloat32Array(segCount);
+        var lPoints = createFloat32Array(segCount);
+        var hPoints = createFloat32Array(segCount);
+        var tmpIn = [];
+        var tmpOut = [];
+        for (var i = params.start; i < params.end; i++) {
+          tmpIn[0] = store.get(dimIdx0, i);
+          tmpIn[1] = store.get(closeDimI, i);
+          // Let coordinate system to handle the NaN data.
+          var point = coordSys.dataToPoint(tmpIn, null, tmpOut);
+          // const index = i;
+          xPoints[i] = point[0];
+          cPoints[i] = point[1];
+          tmpIn[1] = store.get(lowestDimI, i);
+          point = coordSys.dataToPoint(tmpIn, null, tmpOut);
+          lPoints[i] = point[1];
+          tmpIn[1] = store.get(highestDimI, i);
+          point = coordSys.dataToPoint(tmpIn, null, tmpOut);
+          hPoints[i] = point[1];
+        }
+        data.setLayout('xPoints', xPoints);
+        data.setLayout('cPoints', cPoints);
+        data.setLayout('lPoints', lPoints);
+        data.setLayout('hPoints', hPoints);
+      }
+    };
+  }
+};
+export default hlcAreaLayout;

package/lib/chart/hlcArea/HlcAreaSeries.js

@@ -0,0 +1,99 @@
+
+/*
+* 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 HlcAreaSeriesModel = /** @class */function (_super) {
+  __extends(HlcAreaSeriesModel, _super);
+  function HlcAreaSeriesModel() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    _this.type = HlcAreaSeriesModel.type;
+    _this.ignoreStyleOnData = true;
+    return _this;
+  }
+  HlcAreaSeriesModel.prototype.getInitialData = function (option) {
+    if (process.env.NODE_ENV !== 'production') {
+      var coordSys = option.coordinateSystem;
+      if (coordSys !== 'polar' && coordSys !== 'cartesian2d') {
+        throw new Error('HlcArea not support coordinateSystem besides cartesian and polar');
+      }
+    }
+    return createSeriesData(null, this, {
+      useEncodeDefaulter: true
+    });
+  };
+  HlcAreaSeriesModel.type = 'series.hlcArea';
+  HlcAreaSeriesModel.dependencies = ['grid', 'polar'];
+  HlcAreaSeriesModel.defaultOption = {
+    // zlevel: 0,
+    z: 3,
+    coordinateSystem: 'cartesian2d',
+    itemStyle: {
+      hColor: "#00DCB4",
+      hLineWidth: 2,
+      hVisible: true,
+      lColor: "#E91E63",
+      lLineWidth: 2,
+      lVisible: true,
+      cColor: "#2962ff",
+      cLineWidth: 2,
+      fill1: "rgba(0, 188, 212, 0.25)",
+      fill2: "rgba(233, 30, 99, 0.25)"
+    },
+    clip: true,
+    dimensions: ['x', 'close', 'lowest', 'highest'],
+    encode: {
+      x: ['x'],
+      y: ['close', 'lowest', 'highest']
+    },
+    emphasis: {
+      scale: true,
+      emphasisState: {
+        zlevel: 1
+      }
+    }
+  };
+  return HlcAreaSeriesModel;
+}(SeriesModel);
+export default HlcAreaSeriesModel;

package/lib/chart/hlcArea/HlcAreaView.js

@@ -0,0 +1,179 @@
+
+/*
+* 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 { createClipPath } from '../helper/createClipPathFromCoordSys.js';
+import PolyLinePath from './PolyLinePath.js';
+import PolyLineFillPath from './PolyLineFillPath.js';
+import { getECData } from '../../util/innerStore.js';
+import { toggleHoverEmphasis } from '../../util/states.js';
+var HlcAreaView = /** @class */function (_super) {
+  __extends(HlcAreaView, _super);
+  function HlcAreaView() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    _this.type = HlcAreaView.type;
+    return _this;
+  }
+  // init() {
+  // }
+  HlcAreaView.prototype.render = function (seriesModel, ecModel, api) {
+    this._renderNormal(seriesModel);
+  };
+  HlcAreaView.prototype._renderNormal = function (seriesModel) {
+    var data = seriesModel.getData();
+    // 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 coordSys = seriesModel.coordinateSystem;
+    var itemStyle = seriesModel.get('itemStyle');
+    var xPoints = data.getLayout('xPoints');
+    var cPoints = data.getLayout('cPoints');
+    var lPoints = data.getLayout('lPoints');
+    var hPoints = data.getLayout('hPoints');
+    var lVisible = itemStyle.lVisible,
+      lColor = itemStyle.lColor,
+      lLineWidth = itemStyle.lLineWidth,
+      hVisible = itemStyle.hVisible,
+      hLineWidth = itemStyle.hLineWidth,
+      hColor = itemStyle.hColor,
+      cColor = itemStyle.cColor,
+      cLineWidth = itemStyle.cLineWidth,
+      fill1 = itemStyle.fill1,
+      fill2 = itemStyle.fill2;
+    var polyFill1 = new PolyLineFillPath({
+      shape: {
+        xPoints: xPoints,
+        y1Points: hPoints,
+        y2Points: cPoints
+      },
+      style: {
+        fill: fill1,
+        stroke: 'none'
+      }
+    });
+    polyFill1.states.emphasis = emphasisState;
+    group.add(polyFill1);
+    var polyFill2 = new PolyLineFillPath({
+      shape: {
+        xPoints: xPoints,
+        y1Points: lPoints,
+        y2Points: cPoints
+      },
+      style: {
+        fill: fill2,
+        stroke: 'none'
+      }
+    });
+    polyFill2.states.emphasis = emphasisState;
+    group.add(polyFill2);
+    if (lVisible) {
+      var polyline_1 = new PolyLinePath({
+        shape: {
+          xPoints: xPoints,
+          yPoints: lPoints
+        },
+        style: {
+          fill: 'none',
+          stroke: lColor,
+          lineWidth: lLineWidth
+        }
+      });
+      polyline_1.states.emphasis = emphasisState;
+      group.add(polyline_1);
+    }
+    if (hVisible) {
+      var polyline_2 = new PolyLinePath({
+        shape: {
+          xPoints: xPoints,
+          yPoints: hPoints
+        },
+        style: {
+          fill: 'none',
+          stroke: hColor,
+          lineWidth: hLineWidth
+        }
+      });
+      polyline_2.states.emphasis = emphasisState;
+      group.add(polyline_2);
+    }
+    var polyline = new PolyLinePath({
+      shape: {
+        xPoints: xPoints,
+        yPoints: cPoints
+      },
+      style: {
+        fill: 'none',
+        stroke: cColor,
+        lineWidth: cLineWidth
+      }
+    });
+    polyline.states.emphasis = emphasisState;
+    group.add(polyline);
+    // const polyline = this._newPolyline(points);
+    // polyline.states.emphasis = emphasisState;
+    // group.add(polyline);
+    var 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;
+  };
+  HlcAreaView.prototype.remove = function (ecModel) {
+    this._clear();
+  };
+  HlcAreaView.prototype._clear = function () {
+    this.group.removeAll();
+    // this._data = null;
+  };
+
+  HlcAreaView.type = 'hlcArea';
+  return HlcAreaView;
+}(ChartView);
+export default HlcAreaView;

package/lib/chart/hlcArea/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 xPoints = shape.xPoints,
+      y1Points = shape.y1Points,
+      y2Points = shape.y2Points;
+    var isMove = true;
+    for (var i = 0; i < y1Points.length; i++) {
+      var x = xPoints[i];
+      var y = y1Points[i];
+      if (isNaN(x) || isNaN(y)) {
+        continue;
+      }
+      if (isMove) {
+        isMove = false;
+        path.moveTo(x, y);
+        continue;
+      }
+      path.lineTo(x, y);
+    }
+    for (var i = y2Points.length - 1; i >= 0; i--) {
+      var x = xPoints[i];
+      var y = y2Points[i];
+      if (isNaN(x) || isNaN(y)) {
+        continue;
+      }
+      path.lineTo(x, y);
+    }
+    path.closePath();
+  };
+  return PolyLinePath;
+}(graphic.Path);
+export default PolyLinePath;

package/lib/chart/hlcArea/PolyLinePath.js

@@ -0,0 +1,81 @@
+
+/*
+* 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 xPoints = shape.xPoints,
+      yPoints = shape.yPoints;
+    var isMove = true;
+    for (var i = 0; i < xPoints.length; i++) {
+      var x = xPoints[i];
+      var y = yPoints[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/hlcArea/install.js

@@ -0,0 +1,51 @@
+
+/*
+* 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 HlcAreaSeries from './HlcAreaSeries.js';
+import HlcAreaView from './HlcAreaView.js';
+import HlcAreaLayout from './HlcAreaLayout.js';
+export function install(registers) {
+  registers.registerChartView(HlcAreaView);
+  registers.registerSeriesModel(HlcAreaSeries);
+  registers.registerLayout(HlcAreaLayout);
+}

package/lib/component/marker/MarkLabelView.js

@@ -108,7 +108,8 @@ var markerTypeCalculator = {
       };
     }
     var fill = (_a = seriesData.getItemVisual(lastIndex, 'style')) === null || _a === void 0 ? void 0 : _a.fill;
-    if (isCandle(seriesModel.subType)) {
+    var seriesType = seriesModel.subType;
+    if (isCandle(seriesType)) {
       var dataItem = seriesData.getItemModel(lastIndex, true);
       var sign = 1;
       if (seriesModel.get('signByPrev') && lastIndex) {
@@ -126,10 +127,13 @@ 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;
     }
     return {
       value: seriesData.getByRawIndex(item.valueDim, lastIndex),
@@ -153,13 +157,14 @@ 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);
+    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,6 +180,9 @@ 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;
     }
     return {
       value: seriesData.getByRawIndex(item.valueDim, lastIndex),

package/lib/export/charts.js

@@ -75,6 +75,7 @@ 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 HeikinAshiChart } from '../chart/heikinAshi/install.js';
+export { install as HlcAreaChart } from '../chart/hlcArea/install.js';
 export { install as VolPathChart } from '../chart/volPath/install.js';
 export { install as VolPathRectChart } from '../chart/volPathRect/install.js';
 export { install as VolPathTableChart } from '../chart/volPathTable/install.js';

package/lib/model/Global.js

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

package/lib/util/color.js

@@ -82,7 +82,7 @@ function parseColor(color) {
 }
 function contrastColor(color, lightweight) {
   if (lightweight === void 0) {
-    lightweight = 130;
+    lightweight = 140;
   }
   var _a = parseColor(color),
     r = _a[0],

package/lib/util/states.js

@@ -47,7 +47,7 @@ import { liftColor } from 'tvrender/lib/tool/color.js';
 import { queryDataIndex, makeInner } from './model.js';
 import Path from 'tvrender/lib/graphic/Path.js';
 import { error } from './log.js';
-import { isCandle, isShowValuePlot } from '../util/seriesType.js';
+import { isCandle } from '../util/seriesType.js';
 import { positiveDataColorQuery, negativeDataColorQuery } from '../chart/candlestick/candlestickVisual.js';
 // Reserve 0 as default.
 var _highlightNextDigit = 1;
@@ -658,41 +658,71 @@ export function getSeriesPointData(ecModel, payload) {
     var isCandlesStick = isCandle(seriesModel.subType);
     var dim = isCandlesStick ? 'close' : 'y';
     var fnKey = isRaw ? 'getByRawIndex' : 'get';
-    if (isCandlesStick) {
-      var sign = 1;
-      if (seriesModel.get('signByPrev') && rawDataIndex) {
-        var openValue = data.getByRawIndex('close', rawDataIndex - 1);
-        var closeValue = data.getByRawIndex('close', index);
-        sign = openValue > closeValue ? -1 : 1;
-      } else {
-        var closeValue = data[fnKey]('close', index);
-        var openValue = data[fnKey]('open', index);
-        sign = openValue > closeValue ? -1 : 1;
-      }
-      var dataItem = data.getItemModel(index, isRaw);
-      var fill = dataItem.get(sign > 0 ? positiveDataColorQuery : negativeDataColorQuery);
-      if (fill) {
-        color = fill;
-      }
-    } else if (isShowValuePlot(seriesModel.subType)) {
-      var isLinesPlot = seriesModel.subType === 'linesPlot';
-      var dataItem = data.getItemModel(index, isRaw);
-      var fill = dataItem.get([isLinesPlot ? 'lineStyle' : 'itemStyle', 'color']);
-      if (!isLinesPlot) {
-        values = [index, dataItem.get('showValue')];
-      }
-      if (fill) {
-        color = fill;
-      }
-    } else {
-      var closeValue = data[fnKey]('y', index);
-      var openValue = data[fnKey]('y', index - 1);
-      var dataItem = data.getItemModel(index, isRaw);
-      var sign = openValue > closeValue ? -1 : 1;
-      var fill = dataItem.get(sign > 0 ? positiveDataColorQuery : negativeDataColorQuery);
-      if (fill) {
-        color = fill;
-      }
+    switch (seriesModel.subType) {
+      case 'candlestick':
+      case 'candlePlot':
+      case 'barPlot':
+      case 'heikinAshi':
+      case 'volPath':
+      case 'candleVolume':
+        {
+          var sign_1 = 1;
+          if (seriesModel.get('signByPrev') && rawDataIndex) {
+            var openValue_1 = data.getByRawIndex('close', rawDataIndex - 1);
+            var closeValue_1 = data.getByRawIndex('close', index);
+            sign_1 = openValue_1 > closeValue_1 ? -1 : 1;
+          } else {
+            var closeValue_2 = data[fnKey]('close', index);
+            var openValue_2 = data[fnKey]('open', index);
+            sign_1 = openValue_2 > closeValue_2 ? -1 : 1;
+          }
+          var dataItem_1 = data.getItemModel(index, isRaw);
+          var fill_1 = dataItem_1.get(sign_1 > 0 ? positiveDataColorQuery : negativeDataColorQuery);
+          if (fill_1) {
+            color = fill_1;
+          }
+        }
+        break;
+      case 'labels':
+      case 'linesPlot':
+      case 'charPlot':
+      case 'arrowsPlot':
+        {
+          var isLinesPlot = seriesModel.subType === 'linesPlot';
+          var dataItem_2 = data.getItemModel(index, isRaw);
+          var fill_2 = dataItem_2.get([isLinesPlot ? 'lineStyle' : 'itemStyle', 'color']);
+          if (!isLinesPlot) {
+            values = [index, dataItem_2.get('showValue')];
+          }
+          if (fill_2) {
+            color = fill_2;
+          }
+        }
+        break;
+      case 'hlcArea':
+        {
+          dim = 'close';
+          var sign_2 = 1;
+          var openValue_3 = data.getByRawIndex('close', rawDataIndex - 1);
+          var closeValue_3 = data.getByRawIndex('close', index);
+          sign_2 = openValue_3 > closeValue_3 ? -1 : 1;
+          var dataItem_3 = data.getItemModel(index, isRaw);
+          var fill_3 = dataItem_3.get(sign_2 > 0 ? positiveDataColorQuery : negativeDataColorQuery);
+          if (fill_3) {
+            color = fill_3;
+          }
+          break;
+        }
+      default:
+        var closeValue = data[fnKey]('y', index);
+        var openValue = data[fnKey]('y', index - 1);
+        var dataItem = data.getItemModel(index, isRaw);
+        var sign = openValue > closeValue ? -1 : 1;
+        var fill = dataItem.get(sign > 0 ? positiveDataColorQuery : negativeDataColorQuery);
+        if (fill) {
+          color = fill;
+        }
+        break;
     }
     var currentValue = data[fnKey](dim, index);
     var prevValue = data[fnKey](dim, index - 1);

package/package.json

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

package/types/dist/charts.d.ts

@@ -1 +1 @@
-export { install$33 as ArrowsPlotChart, install$1 as BarChart, install$32 as BarPlotChart, BarSeriesOption, install$37 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$42 as CustomChart, CustomSeriesOption, install$15 as EffectScatterChart, EffectScatterSeriesOption, install$36 as FillsChart, install$10 as FunnelChart, FunnelSeriesOption, install$9 as GaugeChart, GaugeSeriesOption, install$8 as GraphChart, GraphSeriesOption, install$35 as HLinesChart, install$38 as HeatmapChart, HeatmapSeriesOption, install$28 as HeikinAshiChart, install$34 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$39 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$41 as SunburstChart, SunburstSeriesOption, install$27 as SymbolLineChart, install$40 as ThemeRiverChart, ThemeRiverSeriesOption, install$6 as TreeChart, TreeSeriesOption, install$7 as TreemapChart, TreemapSeriesOption, install$29 as VolPathChart, install$30 as VolPathRectChart, install$31 as VolPathTableChart } from './shared';
+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';

package/types/dist/components.d.ts

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

package/types/dist/renderers.d.ts

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

package/types/dist/shared.d.ts

@@ -9333,6 +9333,8 @@ declare function install$G(registers: EChartsExtensionInstallRegisters): void;
 
 declare function install$H(registers: EChartsExtensionInstallRegisters): void;
 
+declare function install$I(registers: EChartsExtensionInstallRegisters): void;
+
 interface RadarIndicatorOption {
     name?: string;
     /**
@@ -9565,7 +9567,7 @@ interface TitleOption extends ComponentOption, BoxLayoutOptionMixin, BorderOptio
      */
     borderRadius?: number | number[];
 }
-declare function install$I(registers: EChartsExtensionInstallRegisters): void;
+declare function install$J(registers: EChartsExtensionInstallRegisters): void;
 
 interface TimelineControlStyle extends ItemStyleOption {
     show?: boolean;
@@ -11560,8 +11562,6 @@ interface EChartsOption extends ECBasicOption {
     baseOption?: EChartsOption;
 }
 
-declare function install$J(registers: EChartsExtensionInstallRegisters): void;
-
 declare function install$K(registers: EChartsExtensionInstallRegisters): void;
 
 declare function install$L(registers: EChartsExtensionInstallRegisters): void;
@@ -11640,8 +11640,10 @@ declare function install$1j(registers: EChartsExtensionInstallRegisters): void;
 
 declare function install$1k(registers: EChartsExtensionInstallRegisters): void;
 
+declare function install$1l(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$J 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$I as install$56, install$W 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 as install$82, install$1j as install$83, install$1k as install$84, 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$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 };

package/types/src/chart/hlcArea/HlcAreaLayout.d.ts

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

package/types/src/chart/hlcArea/HlcAreaSeries.d.ts

@@ -0,0 +1,61 @@
+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 HlcAreaDataValue = OptionDataValue | OptionDataValue[];
+interface HlcAreaStateOptionMixin {
+    emphasis?: {
+        focus?: DefaultEmphasisFocus;
+        scale?: boolean | number;
+        emphasisState?: PathState;
+    };
+}
+interface HlcAreaItemStyleOption extends ItemStyleOption {
+    hVisible?: boolean;
+    hLineWidth: number;
+    hColor: string;
+    cLineWidth: number;
+    cColor: string;
+    lVisible?: boolean;
+    lLineWidth: number;
+    lColor: string;
+    fill1: string;
+    fill2: string;
+}
+export interface HlcAreaStateOption<TCbParams = never> {
+    itemStyle?: HlcAreaItemStyleOption;
+    label?: SeriesLabelOption;
+    endLabel?: HlcAreaEndLabelOption;
+}
+export interface HlcAreaDataItemOption extends SymbolOptionMixin, HlcAreaStateOption, StatesOptionMixin<HlcAreaStateOption, HlcAreaStateOptionMixin> {
+    name?: string;
+    value?: HlcAreaDataValue;
+}
+export interface HlcAreaEndLabelOption extends SeriesLabelOption {
+    valueAnimation?: boolean;
+}
+export interface HlcAreaSeriesOption extends SeriesOption<HlcAreaStateOption<CallbackDataParams>, HlcAreaStateOptionMixin & {
+    emphasis?: {
+        lineStyle?: Omit<LineStyleOption, 'width'> & {
+            width?: LineStyleOption['width'] | 'bolder';
+        };
+        areaStyle?: AreaStyleOption;
+    };
+}>, HlcAreaStateOption<CallbackDataParams>, SeriesOnCartesianOptionMixin, SeriesSamplingOptionMixin, SeriesEncodeOptionMixin {
+    type?: 'hlcArea';
+    coordinateSystem?: 'cartesian2d' | 'polar';
+    clip?: boolean;
+    data?: (HlcAreaDataValue | HlcAreaDataItemOption)[];
+}
+declare class HlcAreaSeriesModel extends SeriesModel<HlcAreaSeriesOption> {
+    static readonly type = "series.hlcArea";
+    type: string;
+    static readonly dependencies: string[];
+    coordinateSystem: Cartesian2D | Polar;
+    ignoreStyleOnData: boolean;
+    getInitialData(option: HlcAreaSeriesOption): SeriesData;
+    static defaultOption: HlcAreaSeriesOption;
+}
+export default HlcAreaSeriesModel;

package/types/src/chart/hlcArea/HlcAreaView.d.ts

@@ -0,0 +1,13 @@
+import ChartView from '../../view/Chart.js';
+import GlobalModel from '../../model/Global.js';
+import ExtensionAPI from '../../core/ExtensionAPI.js';
+import HlcAreaSeriesModel from './HlcAreaSeries.js';
+declare class HlcAreaView extends ChartView {
+    static readonly type = "hlcArea";
+    readonly type = "hlcArea";
+    render(seriesModel: HlcAreaSeriesModel, ecModel: GlobalModel, api: ExtensionAPI): void;
+    _renderNormal(seriesModel: HlcAreaSeriesModel): void;
+    remove(ecModel: GlobalModel): void;
+    _clear(): void;
+}
+export default HlcAreaView;

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

@@ -0,0 +1,21 @@
+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 {
+    xPoints: number[];
+    y1Points: number[];
+    y2Points: 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/hlcArea/PolyLinePath.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 {
+    xPoints: number[];
+    yPoints: 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/hlcArea/install.d.ts

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

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

@@ -27,6 +27,7 @@ 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 HeikinAshiChart } from '../chart/heikinAshi/install.js';
+export { install as HlcAreaChart } from '../chart/hlcArea/install.js';
 export { install as VolPathChart } from '../chart/volPath/install.js';
 export { install as VolPathRectChart } from '../chart/volPathRect/install.js';
 export { install as VolPathTableChart } from '../chart/volPathTable/install.js';