Method drawBars

js/src/Bars.ts:358–474

(animate?: boolean)

  }

  private drawBars(animate?: boolean) {
    const barGroups = this.d3el.selectAll('.bargroup');
    const barsSel = barGroups.selectAll('.bar');
    const animationDuration =
      animate === true ? this.parent.model.get('animation_duration') : 0;

    const domScale = this.domScale;
    const rangeScale = this.rangeScale.scale;

    const dom = this.orientation === 'vertical' ? 'x' : 'y';
    const rang = this.orientation === 'vertical' ? 'y' : 'x';

    const domControl = this.orientation === 'vertical' ? 'width' : 'height';
    const rangeControl = this.orientation === 'vertical' ? 'height' : 'width';

    if (isOrdinalScale(domScale)) {
      const domMax = d3.max(this.parent.range(dom));
      barGroups.attr('transform', (d: BarData) => {
        if (this.orientation === 'vertical') {
          return (
            'translate(' +
            ((domScale.scale(d.key) !== undefined
              ? domScale.scale(d.key)
              : domMax) +
              this.domOffset) +
            ', 0)'
          );
        } else {
          return (
            'translate(0, ' +
            ((domScale.scale(d.key) !== undefined
              ? domScale.scale(d.key)
              : domMax) +
              this.domOffset) +
            ')'
          );
        }
      });
    } else {
      barGroups.attr('transform', (d: BarData) => {
        if (this.orientation === 'vertical') {
          return (
            'translate(' + (domScale.scale(d.key) + this.domOffset) + ', 0)'
          );
        } else {
          return (
            'translate(0, ' + (domScale.scale(d.key) + this.domOffset) + ')'
          );
        }
      });
    }

    const isStacked = this.model.get('type') === 'stacked';
    let bandWidth = 1.0;
    if (isStacked) {
      bandWidth = Math.max(1.0, this.stackedScale.bandwidth());
      barsSel
        .transition()