Method render

js/src/FastIntervalSelector.ts:25–66

()

export class FastIntervalSelector extends BaseXSelector {
  render() {
    super.render();
    this.freeze_but_move = true;
    this.freeze_dont_move = false;
    this.active = false;
    this.dirty = false;
    this.size = this.model.get('size');

    const that = this;
    const scale_creation_promise = this.create_scales();
    Promise.all([this.mark_views_promise, scale_creation_promise]).then(() => {
      //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('class', 'selector selectormouse')
        .attr('pointer-events', 'all')
        .attr('visibility', 'hidden');

      that.background
        .on('mousemove', _.bind(that.mousemove, that))
        .on('click', _.bind(that.click, that))
        .on('dblclick', _.bind(that.dblclick, that));

      that.rect = that.d3el
        .append('rect')
        .attr('class', 'selector intsel')
        .attr('x', 0)
        .attr('y', 0)
        .attr('width', that.size)
        .attr('height', that.height)
        .attr('pointer-events', 'none')
        .attr('display', 'none');

      that.color_change();
      that.selected_changed();
      that.create_listeners();
    });
  }

  create_listeners() {
    super.create_listeners();