Method show_tooltip

js/src/MarketMap.ts:757–806

(event, data)

  }

  show_tooltip(event, data) {
    const that = this;
    if (
      !this.tooltip_view &&
      (!this.tooltip_fields || this.tooltip_fields.length == 0)
    ) {
      return;
    } else {
      const tooltip_div = this.tooltip_div;
      tooltip_div.transition().style('opacity', 0.9).style('display', null);

      this.move_tooltip();
      tooltip_div.select('table').remove();

      const ref_data = data.ref_data;
      if (!this.tooltip_view) {
        const tooltip_table = tooltip_div
          .append('table')
          .selectAll('tr')
          .data(this.tooltip_fields);

        tooltip_table.exit().remove();
        const table_rows = tooltip_table.enter().append('tr');

        table_rows
          .append('td')
          .attr('class', 'tooltiptext')
          .text((datum) => {
            return datum;
          });

        table_rows
          .append('td')
          .attr('class', 'tooltiptext')
          .text((datum, index) => {
            if (ref_data === null || ref_data === undefined) {
              return null;
            }

            if (ref_data[datum] === null || ref_data[datum] === undefined) {
              return 'N/A';
            }

            return that.tooltip_formats[index](ref_data[datum]);
          });
      }
      this.popper.enableEventListeners();
      this.move_tooltip();
    }
  }

  mousemove_handler() {
    this.move_tooltip();