Method create_brush

js/src/BrushSelector.ts:564–609

()

  }

  create_brush() {
    // Function to add new brushes.
    const index = this.curr_index;

    const vertical = this.model.get('orientation') == 'vertical';
    const brush: d3.BrushBehavior<any> = (vertical ? d3.brushY() : d3.brushX())
      .on('start', () => {
        this.brush_start();
      })
      .on('brush', () => {
        this.multi_brush_move(index);
      })
      .on('end', () => {
        this.multi_brush_end(index);
      });
    brush.extent([
      [0, 0],
      [this.width, this.height],
    ]);

    const new_brush_g: d3.Selection<SVGGElement, any, any, any> = this.d3el
      .append('g')
      .attr('class', 'selector brushintsel active');

    new_brush_g
      .append('text')
      .text(this.get_label(this.curr_index))
      .attr('class', 'brush_text_' + this.curr_index)
      .style('display', 'none');

    if (this.model.get('orientation') == 'vertical') {
      new_brush_g.select('text').attr('x', 30);
    } else {
      new_brush_g.select('text').attr('y', 30);
    }

    new_brush_g.call(brush);

    this.color_change();
    this.adjust_rectangle();
    this.reset_handler(new_brush_g);

    this.brushes[this.curr_index] = brush;
    this.brush_g[this.curr_index] = new_brush_g;
    this.curr_index = this.curr_index + 1;
  }

  reset_handler(brush_g) {
    const that = this;