Method render

js/src/Bars.ts:26–51

()

export class Bars extends Mark {
  async render() {
    const base_creation_promise = super.render.apply(this);

    // Two scales to draw the bars.
    this.stackedScale = d3.scaleBand();
    this.groupedScale = d3.scaleBand();

    this.selected_indices = this.model.get('selected');
    this.selected_style = this.model.get('selected_style');
    this.unselected_style = this.model.get('unselected_style');

    this.display_el_classes = ['bar', 'legendtext'];

    this.displayed.then(() => {
      this.parent.tooltip_div.node().appendChild(this.tooltip_div.node());
      this.create_tooltip();
    });

    await base_creation_promise;

    this.event_listeners = {};
    this.process_interactions();
    this.create_listeners();
    this.compute_view_padding();
    this.draw(false);
  }

  private setScaleOrientation(): void {
    // TODO: we should probably use this.model.get("orientation")?