逐步完成前后端服务器

frontend/node_modules/echarts/lib/chart/candlestick/CandlestickSeries.js

@@ -0,0 +1,119 @@
+
+/*
+* 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 SeriesModel from '../../model/Series.js';
+import { WhiskerBoxCommonMixin } from '../helper/whiskerBoxCommon.js';
+import { mixin } from 'zrender/lib/core/util.js';
+var CandlestickSeriesModel = /** @class */function (_super) {
+  __extends(CandlestickSeriesModel, _super);
+  function CandlestickSeriesModel() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    _this.type = CandlestickSeriesModel.type;
+    _this.defaultValueDimensions = [{
+      name: 'open',
+      defaultTooltip: true
+    }, {
+      name: 'close',
+      defaultTooltip: true
+    }, {
+      name: 'lowest',
+      defaultTooltip: true
+    }, {
+      name: 'highest',
+      defaultTooltip: true
+    }];
+    return _this;
+  }
+  /**
+   * Get dimension for shadow in dataZoom
+   * @return dimension name
+   */
+  CandlestickSeriesModel.prototype.getShadowDim = function () {
+    return 'open';
+  };
+  CandlestickSeriesModel.prototype.brushSelector = function (dataIndex, data, selectors) {
+    var itemLayout = data.getItemLayout(dataIndex);
+    return itemLayout && selectors.rect(itemLayout.brushRect);
+  };
+  CandlestickSeriesModel.type = 'series.candlestick';
+  CandlestickSeriesModel.dependencies = ['xAxis', 'yAxis', 'grid'];
+  CandlestickSeriesModel.defaultOption = {
+    // zlevel: 0,
+    z: 2,
+    coordinateSystem: 'cartesian2d',
+    legendHoverLink: true,
+    // xAxisIndex: 0,
+    // yAxisIndex: 0,
+    layout: null,
+    clip: true,
+    itemStyle: {
+      color: '#eb5454',
+      color0: '#47b262',
+      borderColor: '#eb5454',
+      borderColor0: '#47b262',
+      borderColorDoji: null,
+      // borderColor: '#d24040',
+      // borderColor0: '#398f4f',
+      borderWidth: 1
+    },
+    emphasis: {
+      itemStyle: {
+        borderWidth: 2
+      }
+    },
+    barMaxWidth: null,
+    barMinWidth: null,
+    barWidth: null,
+    large: true,
+    largeThreshold: 600,
+    progressive: 3e3,
+    progressiveThreshold: 1e4,
+    progressiveChunkMode: 'mod',
+    animationEasing: 'linear',
+    animationDuration: 300
+  };
+  return CandlestickSeriesModel;
+}(SeriesModel);
+mixin(CandlestickSeriesModel, WhiskerBoxCommonMixin, true);
+export default CandlestickSeriesModel;

frontend/node_modules/echarts/lib/chart/candlestick/CandlestickView.js

@@ -0,0 +1,341 @@
+
+/*
+* 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 * as zrUtil from 'zrender/lib/core/util.js';
+import ChartView from '../../view/Chart.js';
+import * as graphic from '../../util/graphic.js';
+import { setStatesStylesFromModel, toggleHoverEmphasis } from '../../util/states.js';
+import Path from 'zrender/lib/graphic/Path.js';
+import { createClipPath } from '../helper/createClipPathFromCoordSys.js';
+import { saveOldStyle } from '../../animation/basicTransition.js';
+import { getBorderColor, getColor } from './candlestickVisual.js';
+var SKIP_PROPS = ['color', 'borderColor'];
+var CandlestickView = /** @class */function (_super) {
+  __extends(CandlestickView, _super);
+  function CandlestickView() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    _this.type = CandlestickView.type;
+    return _this;
+  }
+  CandlestickView.prototype.render = function (seriesModel, ecModel, api) {
+    // If there is clipPath created in large mode. Remove it.
+    this.group.removeClipPath();
+    // Clear previously rendered progressive elements.
+    this._progressiveEls = null;
+    this._updateDrawMode(seriesModel);
+    this._isLargeDraw ? this._renderLarge(seriesModel) : this._renderNormal(seriesModel);
+  };
+  CandlestickView.prototype.incrementalPrepareRender = function (seriesModel, ecModel, api) {
+    this._clear();
+    this._updateDrawMode(seriesModel);
+  };
+  CandlestickView.prototype.incrementalRender = function (params, seriesModel, ecModel, api) {
+    this._progressiveEls = [];
+    this._isLargeDraw ? this._incrementalRenderLarge(params, seriesModel) : this._incrementalRenderNormal(params, seriesModel);
+  };
+  CandlestickView.prototype.eachRendered = function (cb) {
+    graphic.traverseElements(this._progressiveEls || this.group, cb);
+  };
+  CandlestickView.prototype._updateDrawMode = function (seriesModel) {
+    var isLargeDraw = seriesModel.pipelineContext.large;
+    if (this._isLargeDraw == null || isLargeDraw !== this._isLargeDraw) {
+      this._isLargeDraw = isLargeDraw;
+      this._clear();
+    }
+  };
+  CandlestickView.prototype._renderNormal = function (seriesModel) {
+    var data = seriesModel.getData();
+    var oldData = this._data;
+    var group = this.group;
+    var isSimpleBox = data.getLayout('isSimpleBox');
+    var needsClip = seriesModel.get('clip', true);
+    var coord = seriesModel.coordinateSystem;
+    var clipArea = coord.getArea && coord.getArea();
+    // There is no old data only when first rendering or switching from
+    // stream mode to normal mode, where previous elements should be removed.
+    if (!this._data) {
+      group.removeAll();
+    }
+    data.diff(oldData).add(function (newIdx) {
+      if (data.hasValue(newIdx)) {
+        var itemLayout = data.getItemLayout(newIdx);
+        if (needsClip && isNormalBoxClipped(clipArea, itemLayout)) {
+          return;
+        }
+        var el = createNormalBox(itemLayout, newIdx, true);
+        graphic.initProps(el, {
+          shape: {
+            points: itemLayout.ends
+          }
+        }, seriesModel, newIdx);
+        setBoxCommon(el, data, newIdx, isSimpleBox);
+        group.add(el);
+        data.setItemGraphicEl(newIdx, el);
+      }
+    }).update(function (newIdx, oldIdx) {
+      var el = oldData.getItemGraphicEl(oldIdx);
+      // Empty data
+      if (!data.hasValue(newIdx)) {
+        group.remove(el);
+        return;
+      }
+      var itemLayout = data.getItemLayout(newIdx);
+      if (needsClip && isNormalBoxClipped(clipArea, itemLayout)) {
+        group.remove(el);
+        return;
+      }
+      if (!el) {
+        el = createNormalBox(itemLayout, newIdx);
+      } else {
+        graphic.updateProps(el, {
+          shape: {
+            points: itemLayout.ends
+          }
+        }, seriesModel, newIdx);
+        saveOldStyle(el);
+      }
+      setBoxCommon(el, data, newIdx, isSimpleBox);
+      group.add(el);
+      data.setItemGraphicEl(newIdx, el);
+    }).remove(function (oldIdx) {
+      var el = oldData.getItemGraphicEl(oldIdx);
+      el && group.remove(el);
+    }).execute();
+    this._data = data;
+  };
+  CandlestickView.prototype._renderLarge = function (seriesModel) {
+    this._clear();
+    createLarge(seriesModel, this.group);
+    var clipPath = seriesModel.get('clip', true) ? createClipPath(seriesModel.coordinateSystem, false, seriesModel) : null;
+    if (clipPath) {
+      this.group.setClipPath(clipPath);
+    } else {
+      this.group.removeClipPath();
+    }
+  };
+  CandlestickView.prototype._incrementalRenderNormal = function (params, seriesModel) {
+    var data = seriesModel.getData();
+    var isSimpleBox = data.getLayout('isSimpleBox');
+    var dataIndex;
+    while ((dataIndex = params.next()) != null) {
+      var itemLayout = data.getItemLayout(dataIndex);
+      var el = createNormalBox(itemLayout, dataIndex);
+      setBoxCommon(el, data, dataIndex, isSimpleBox);
+      el.incremental = true;
+      this.group.add(el);
+      this._progressiveEls.push(el);
+    }
+  };
+  CandlestickView.prototype._incrementalRenderLarge = function (params, seriesModel) {
+    createLarge(seriesModel, this.group, this._progressiveEls, true);
+  };
+  CandlestickView.prototype.remove = function (ecModel) {
+    this._clear();
+  };
+  CandlestickView.prototype._clear = function () {
+    this.group.removeAll();
+    this._data = null;
+  };
+  CandlestickView.type = 'candlestick';
+  return CandlestickView;
+}(ChartView);
+var NormalBoxPathShape = /** @class */function () {
+  function NormalBoxPathShape() {}
+  return NormalBoxPathShape;
+}();
+var NormalBoxPath = /** @class */function (_super) {
+  __extends(NormalBoxPath, _super);
+  function NormalBoxPath(opts) {
+    var _this = _super.call(this, opts) || this;
+    _this.type = 'normalCandlestickBox';
+    return _this;
+  }
+  NormalBoxPath.prototype.getDefaultShape = function () {
+    return new NormalBoxPathShape();
+  };
+  NormalBoxPath.prototype.buildPath = function (ctx, shape) {
+    var ends = shape.points;
+    if (this.__simpleBox) {
+      ctx.moveTo(ends[4][0], ends[4][1]);
+      ctx.lineTo(ends[6][0], ends[6][1]);
+    } else {
+      ctx.moveTo(ends[0][0], ends[0][1]);
+      ctx.lineTo(ends[1][0], ends[1][1]);
+      ctx.lineTo(ends[2][0], ends[2][1]);
+      ctx.lineTo(ends[3][0], ends[3][1]);
+      ctx.closePath();
+      ctx.moveTo(ends[4][0], ends[4][1]);
+      ctx.lineTo(ends[5][0], ends[5][1]);
+      ctx.moveTo(ends[6][0], ends[6][1]);
+      ctx.lineTo(ends[7][0], ends[7][1]);
+    }
+  };
+  return NormalBoxPath;
+}(Path);
+function createNormalBox(itemLayout, dataIndex, isInit) {
+  var ends = itemLayout.ends;
+  return new NormalBoxPath({
+    shape: {
+      points: isInit ? transInit(ends, itemLayout) : ends
+    },
+    z2: 100
+  });
+}
+function isNormalBoxClipped(clipArea, itemLayout) {
+  var clipped = true;
+  for (var i = 0; i < itemLayout.ends.length; i++) {
+    // If any point are in the region.
+    if (clipArea.contain(itemLayout.ends[i][0], itemLayout.ends[i][1])) {
+      clipped = false;
+      break;
+    }
+  }
+  return clipped;
+}
+function setBoxCommon(el, data, dataIndex, isSimpleBox) {
+  var itemModel = data.getItemModel(dataIndex);
+  el.useStyle(data.getItemVisual(dataIndex, 'style'));
+  el.style.strokeNoScale = true;
+  el.__simpleBox = isSimpleBox;
+  setStatesStylesFromModel(el, itemModel);
+  var sign = data.getItemLayout(dataIndex).sign;
+  zrUtil.each(el.states, function (state, stateName) {
+    var stateModel = itemModel.getModel(stateName);
+    var color = getColor(sign, stateModel);
+    var borderColor = getBorderColor(sign, stateModel) || color;
+    var stateStyle = state.style || (state.style = {});
+    color && (stateStyle.fill = color);
+    borderColor && (stateStyle.stroke = borderColor);
+  });
+  var emphasisModel = itemModel.getModel('emphasis');
+  toggleHoverEmphasis(el, emphasisModel.get('focus'), emphasisModel.get('blurScope'), emphasisModel.get('disabled'));
+}
+function transInit(points, itemLayout) {
+  return zrUtil.map(points, function (point) {
+    point = point.slice();
+    point[1] = itemLayout.initBaseline;
+    return point;
+  });
+}
+var LargeBoxPathShape = /** @class */function () {
+  function LargeBoxPathShape() {}
+  return LargeBoxPathShape;
+}();
+var LargeBoxPath = /** @class */function (_super) {
+  __extends(LargeBoxPath, _super);
+  function LargeBoxPath(opts) {
+    var _this = _super.call(this, opts) || this;
+    _this.type = 'largeCandlestickBox';
+    return _this;
+  }
+  LargeBoxPath.prototype.getDefaultShape = function () {
+    return new LargeBoxPathShape();
+  };
+  LargeBoxPath.prototype.buildPath = function (ctx, shape) {
+    // Drawing lines is more efficient than drawing
+    // a whole line or drawing rects.
+    var points = shape.points;
+    for (var i = 0; i < points.length;) {
+      if (this.__sign === points[i++]) {
+        var x = points[i++];
+        ctx.moveTo(x, points[i++]);
+        ctx.lineTo(x, points[i++]);
+      } else {
+        i += 3;
+      }
+    }
+  };
+  return LargeBoxPath;
+}(Path);
+function createLarge(seriesModel, group, progressiveEls, incremental) {
+  var data = seriesModel.getData();
+  var largePoints = data.getLayout('largePoints');
+  var elP = new LargeBoxPath({
+    shape: {
+      points: largePoints
+    },
+    __sign: 1,
+    ignoreCoarsePointer: true
+  });
+  group.add(elP);
+  var elN = new LargeBoxPath({
+    shape: {
+      points: largePoints
+    },
+    __sign: -1,
+    ignoreCoarsePointer: true
+  });
+  group.add(elN);
+  var elDoji = new LargeBoxPath({
+    shape: {
+      points: largePoints
+    },
+    __sign: 0,
+    ignoreCoarsePointer: true
+  });
+  group.add(elDoji);
+  setLargeStyle(1, elP, seriesModel, data);
+  setLargeStyle(-1, elN, seriesModel, data);
+  setLargeStyle(0, elDoji, seriesModel, data);
+  if (incremental) {
+    elP.incremental = true;
+    elN.incremental = true;
+  }
+  if (progressiveEls) {
+    progressiveEls.push(elP, elN);
+  }
+}
+function setLargeStyle(sign, el, seriesModel, data) {
+  // TODO put in visual?
+  var borderColor = getBorderColor(sign, seriesModel)
+  // Use color for border color by default.
+  || getColor(sign, seriesModel);
+  // Color must be excluded.
+  // Because symbol provide setColor individually to set fill and stroke
+  var itemStyle = seriesModel.getModel('itemStyle').getItemStyle(SKIP_PROPS);
+  el.useStyle(itemStyle);
+  el.style.fill = null;
+  el.style.stroke = borderColor;
+}
+export default CandlestickView;

frontend/node_modules/echarts/lib/chart/candlestick/candlestickLayout.js

@@ -0,0 +1,204 @@
+
+/*
+* 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 { subPixelOptimize } from '../../util/graphic.js';
+import createRenderPlanner from '../helper/createRenderPlanner.js';
+import { parsePercent } from '../../util/number.js';
+import { map, retrieve2 } from 'zrender/lib/core/util.js';
+import { createFloat32Array } from '../../util/vendor.js';
+var candlestickLayout = {
+  seriesType: 'candlestick',
+  plan: createRenderPlanner(),
+  reset: function (seriesModel) {
+    var coordSys = seriesModel.coordinateSystem;
+    var data = seriesModel.getData();
+    var candleWidth = calculateCandleWidth(seriesModel, data);
+    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 openDimI = vDimsI[0];
+    var closeDimI = vDimsI[1];
+    var lowestDimI = vDimsI[2];
+    var highestDimI = vDimsI[3];
+    data.setLayout({
+      candleWidth: candleWidth,
+      // The value is experimented visually.
+      isSimpleBox: candleWidth <= 1.3
+    });
+    if (cDimI < 0 || vDimsI.length < 4) {
+      return;
+    }
+    return {
+      progress: seriesModel.pipelineContext.large ? largeProgress : normalProgress
+    };
+    function normalProgress(params, data) {
+      var dataIndex;
+      var store = data.getStore();
+      while ((dataIndex = params.next()) != null) {
+        var axisDimVal = store.get(cDimI, dataIndex);
+        var openVal = store.get(openDimI, dataIndex);
+        var closeVal = store.get(closeDimI, dataIndex);
+        var lowestVal = store.get(lowestDimI, dataIndex);
+        var highestVal = store.get(highestDimI, dataIndex);
+        var ocLow = Math.min(openVal, closeVal);
+        var ocHigh = Math.max(openVal, closeVal);
+        var ocLowPoint = getPoint(ocLow, axisDimVal);
+        var ocHighPoint = getPoint(ocHigh, axisDimVal);
+        var lowestPoint = getPoint(lowestVal, axisDimVal);
+        var highestPoint = getPoint(highestVal, axisDimVal);
+        var ends = [];
+        addBodyEnd(ends, ocHighPoint, 0);
+        addBodyEnd(ends, ocLowPoint, 1);
+        ends.push(subPixelOptimizePoint(highestPoint), subPixelOptimizePoint(ocHighPoint), subPixelOptimizePoint(lowestPoint), subPixelOptimizePoint(ocLowPoint));
+        var itemModel = data.getItemModel(dataIndex);
+        var hasDojiColor = !!itemModel.get(['itemStyle', 'borderColorDoji']);
+        data.setItemLayout(dataIndex, {
+          sign: getSign(store, dataIndex, openVal, closeVal, closeDimI, hasDojiColor),
+          initBaseline: openVal > closeVal ? ocHighPoint[vDimIdx] : ocLowPoint[vDimIdx],
+          ends: ends,
+          brushRect: makeBrushRect(lowestVal, highestVal, axisDimVal)
+        });
+      }
+      function getPoint(val, axisDimVal) {
+        var p = [];
+        p[cDimIdx] = axisDimVal;
+        p[vDimIdx] = val;
+        return isNaN(axisDimVal) || isNaN(val) ? [NaN, NaN] : coordSys.dataToPoint(p);
+      }
+      function addBodyEnd(ends, point, start) {
+        var point1 = point.slice();
+        var point2 = point.slice();
+        point1[cDimIdx] = subPixelOptimize(point1[cDimIdx] + candleWidth / 2, 1, false);
+        point2[cDimIdx] = subPixelOptimize(point2[cDimIdx] - candleWidth / 2, 1, true);
+        start ? ends.push(point1, point2) : ends.push(point2, point1);
+      }
+      function makeBrushRect(lowestVal, highestVal, axisDimVal) {
+        var pmin = getPoint(lowestVal, axisDimVal);
+        var pmax = getPoint(highestVal, axisDimVal);
+        pmin[cDimIdx] -= candleWidth / 2;
+        pmax[cDimIdx] -= candleWidth / 2;
+        return {
+          x: pmin[0],
+          y: pmin[1],
+          width: vDimIdx ? candleWidth : pmax[0] - pmin[0],
+          height: vDimIdx ? pmax[1] - pmin[1] : candleWidth
+        };
+      }
+      function subPixelOptimizePoint(point) {
+        point[cDimIdx] = subPixelOptimize(point[cDimIdx], 1);
+        return point;
+      }
+    }
+    function largeProgress(params, data) {
+      // Structure: [sign, x, yhigh, ylow, sign, x, yhigh, ylow, ...]
+      var points = createFloat32Array(params.count * 4);
+      var offset = 0;
+      var point;
+      var tmpIn = [];
+      var tmpOut = [];
+      var dataIndex;
+      var store = data.getStore();
+      var hasDojiColor = !!seriesModel.get(['itemStyle', 'borderColorDoji']);
+      while ((dataIndex = params.next()) != null) {
+        var axisDimVal = store.get(cDimI, dataIndex);
+        var openVal = store.get(openDimI, dataIndex);
+        var closeVal = store.get(closeDimI, dataIndex);
+        var lowestVal = store.get(lowestDimI, dataIndex);
+        var highestVal = store.get(highestDimI, dataIndex);
+        if (isNaN(axisDimVal) || isNaN(lowestVal) || isNaN(highestVal)) {
+          points[offset++] = NaN;
+          offset += 3;
+          continue;
+        }
+        points[offset++] = getSign(store, dataIndex, openVal, closeVal, closeDimI, hasDojiColor);
+        tmpIn[cDimIdx] = axisDimVal;
+        tmpIn[vDimIdx] = lowestVal;
+        point = coordSys.dataToPoint(tmpIn, null, tmpOut);
+        points[offset++] = point ? point[0] : NaN;
+        points[offset++] = point ? point[1] : NaN;
+        tmpIn[vDimIdx] = highestVal;
+        point = coordSys.dataToPoint(tmpIn, null, tmpOut);
+        points[offset++] = point ? point[1] : NaN;
+      }
+      data.setLayout('largePoints', points);
+    }
+  }
+};
+/**
+ * Get the sign of a single data.
+ *
+ * @returns 0 for doji with hasDojiColor: true,
+ *          1 for positive,
+ *          -1 for negative.
+ */
+function getSign(store, dataIndex, openVal, closeVal, closeDimI, hasDojiColor) {
+  var sign;
+  if (openVal > closeVal) {
+    sign = -1;
+  } else if (openVal < closeVal) {
+    sign = 1;
+  } else {
+    sign = hasDojiColor
+    // When doji color is set, use it instead of color/color0.
+    ? 0 : dataIndex > 0
+    // If close === open, compare with close of last record
+    ? store.get(closeDimI, dataIndex - 1) <= closeVal ? 1 : -1
+    // No record of previous, set to be positive
+    : 1;
+  }
+  return sign;
+}
+function calculateCandleWidth(seriesModel, data) {
+  var baseAxis = seriesModel.getBaseAxis();
+  var extent;
+  var bandWidth = baseAxis.type === 'category' ? baseAxis.getBandWidth() : (extent = baseAxis.getExtent(), Math.abs(extent[1] - extent[0]) / data.count());
+  var barMaxWidth = parsePercent(retrieve2(seriesModel.get('barMaxWidth'), bandWidth), bandWidth);
+  var barMinWidth = parsePercent(retrieve2(seriesModel.get('barMinWidth'), 1), bandWidth);
+  var barWidth = seriesModel.get('barWidth');
+  return barWidth != null ? parsePercent(barWidth, bandWidth)
+  // Put max outer to ensure bar visible in spite of overlap.
+  : Math.max(Math.min(bandWidth / 2, barMaxWidth), barMinWidth);
+}
+export default candlestickLayout;

frontend/node_modules/echarts/lib/chart/candlestick/candlestickVisual.js

@@ -0,0 +1,84 @@
+
+/*
+* 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 createRenderPlanner from '../helper/createRenderPlanner.js';
+import { extend } from 'zrender/lib/core/util.js';
+var positiveBorderColorQuery = ['itemStyle', 'borderColor'];
+var negativeBorderColorQuery = ['itemStyle', 'borderColor0'];
+var dojiBorderColorQuery = ['itemStyle', 'borderColorDoji'];
+var positiveColorQuery = ['itemStyle', 'color'];
+var negativeColorQuery = ['itemStyle', 'color0'];
+export function getColor(sign, model) {
+  return model.get(sign > 0 ? positiveColorQuery : negativeColorQuery);
+}
+export function getBorderColor(sign, model) {
+  return model.get(sign === 0 ? dojiBorderColorQuery : sign > 0 ? positiveBorderColorQuery : negativeBorderColorQuery);
+}
+var candlestickVisual = {
+  seriesType: 'candlestick',
+  plan: createRenderPlanner(),
+  // For legend.
+  performRawSeries: true,
+  reset: function (seriesModel, ecModel) {
+    // Only visible series has each data be visual encoded
+    if (ecModel.isSeriesFiltered(seriesModel)) {
+      return;
+    }
+    var isLargeRender = seriesModel.pipelineContext.large;
+    return !isLargeRender && {
+      progress: function (params, data) {
+        var dataIndex;
+        while ((dataIndex = params.next()) != null) {
+          var itemModel = data.getItemModel(dataIndex);
+          var sign = data.getItemLayout(dataIndex).sign;
+          var style = itemModel.getItemStyle();
+          style.fill = getColor(sign, itemModel);
+          style.stroke = getBorderColor(sign, itemModel) || style.fill;
+          var existsStyle = data.ensureUniqueItemVisual(dataIndex, 'style');
+          extend(existsStyle, style);
+        }
+      }
+    };
+  }
+};
+export default candlestickVisual;

frontend/node_modules/echarts/lib/chart/candlestick/install.js

@@ -0,0 +1,55 @@
+
+/*
+* 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 CandlestickView from './CandlestickView.js';
+import CandlestickSeriesModel from './CandlestickSeries.js';
+import preprocessor from './preprocessor.js';
+import candlestickVisual from './candlestickVisual.js';
+import candlestickLayout from './candlestickLayout.js';
+export function install(registers) {
+  registers.registerChartView(CandlestickView);
+  registers.registerSeriesModel(CandlestickSeriesModel);
+  registers.registerPreprocessor(preprocessor);
+  registers.registerVisual(candlestickVisual);
+  registers.registerLayout(candlestickLayout);
+}

frontend/node_modules/echarts/lib/chart/candlestick/preprocessor.js

@@ -0,0 +1,55 @@
+
+/*
+* 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 * as zrUtil from 'zrender/lib/core/util.js';
+export default function candlestickPreprocessor(option) {
+  if (!option || !zrUtil.isArray(option.series)) {
+    return;
+  }
+  // Translate 'k' to 'candlestick'.
+  zrUtil.each(option.series, function (seriesItem) {
+    if (zrUtil.isObject(seriesItem) && seriesItem.type === 'k') {
+      seriesItem.type = 'candlestick';
+    }
+  });
+}