Method apply_selected

js/src/MarketMap.ts:685–713

()

  }

  apply_selected() {
    const selected = this.model.get('selected');
    const that = this;
    if (selected === undefined || selected === null || selected.length === 0) {
      this.clear_selected();
    } else {
      selected.forEach((data) => {
        const selected_cell = that.fig_map
          .selectAll('.rect_element')
          .filter((d: any, i) => {
            return d.name === data;
          });

        const rect = that.fig_click
          .append('rect')
          .data(selected_cell.data())
          .attr('transform', selected_cell.attr('transform'))
          .attr('x', 0)
          .attr('y', 0)
          .attr('width', that.column_width)
          .attr('height', that.row_height);
        applyStyles(rect, {
          stroke: that.selected_stroke,
          'stroke-width': '3px',
          fill: 'none',
        });
      });
    }
  }

  clear_selected() {
    this.fig_click.selectAll('rect').remove();