text: export default {
      name: "chart.brush.candlestick",
      extend: "chart.brush.core",
      component: function () {
          var CandleStickBrush = function() {
              var g, width = 0, barWidth = 0, barPadding = 0;
  
              this.drawBefore = function() {
                  g = this.chart.svg.group();
                  width = this.axis.x.rangeBand();
                  barWidth = width * 0.7;
                  barPadding = barWidth / 2;
              }
  
              this.draw = function() {
                  this.eachData(function(data, i) {
                      var startX = this.offset("x", i),
                          r = null,
                          l = null;
  
                      var high = this.getValue(data, "high", 0),
                          low = this.getValue(data, "low", 0),
                          open = this.getValue(data, "open", 0),
                          close = this.getValue(data, "close", 0);
  
                      if(open > close) { // 시가가 종가보다 높을 때 (Red)
                          var y = this.axis.y(open);
  
                          l = this.chart.svg.line({
                              x1: startX,
                              y1: this.axis.y(high),
                              x2: startX,
                              y2: this.axis.y(low),
                              stroke: this.chart.theme("candlestickInvertBorderColor"),
                              "stroke-width": 1
                          });
  
                          r = this.chart.svg.rect({
                              x : startX - barPadding,
                              y : y,
                              width : barWidth,
                              height : Math.abs(this.axis.y(close) - y),
                              fill : this.chart.theme("candlestickInvertBackgroundColor"),
                              stroke: this.chart.theme("candlestickInvertBorderColor"),
                              "stroke-width": 1
                          });
  
                      } else {
                          var y = this.axis.y(close);
  
                          l = this.chart.svg.line({
                              x1: startX,
                              y1: this.axis.y(high),
                              x2: startX,
                              y2: this.axis.y(low),
                              stroke: this.chart.theme("candlestickBorderColor"),
                              "stroke-width":1
                          });
  
                          r = this.chart.svg.rect({
                              x : startX - barPadding,
                              y : y,
                              width : barWidth,
                              height : Math.abs(this.axis.y(open) - y),
                              fill : this.chart.theme("candlestickBackgroundColor"),
                              stroke: this.chart.theme("candlestickBorderColor"),
                              "stroke-width": 1
                          });
                      }
  
                      this.addEvent(r, i, null);
  
                      g.append(l);
                      g.append(r);
                  });
  
                  return g;
              }
          }
  
          return CandleStickBrush;
      }
  }