Method render

js/src/LassoSelector.ts:23–65

()

export class LassoSelector extends BaseXYSelector {
  render() {
    super.render();
    const scale_creation_promise = this.create_scales();
    this.line = d3.line();
    this.all_vertices = {};
    this.lasso_counter = 0;

    const that = this;
    Promise.all([this.mark_views_promise, scale_creation_promise]).then(() => {
      // Warning: arrow functions actually breaks the drag
      const drag = d3
        .drag()
        .on('start', () => {
          that.drag_start();
        })
        .on('drag', () => {
          that.drag_move();
        })
        .on('end', () => {
          that.drag_end();
        });

      d3.select(window).on('keydown', () => {
        this.keydown();
      });

      that.d3el.attr('class', 'lassoselector');

      //container for mouse events
      that.background = that.d3el
        .append('rect')
        .attr('x', 0)
        .attr('y', 0)
        .attr('width', that.width)
        .attr('height', that.height)
        .attr('visibility', 'hidden')
        .attr('pointer-events', 'all')
        .style('cursor', 'crosshair')
        .call(drag);

      that.create_listeners();
    });
  }

  create_listeners() {
    super.create_listeners();