Method update_dots_xy

js/src/Lines.ts:723–750

(animate)

  }

  update_dots_xy(animate): void {
    if (this.model.get('marker')) {
      const xScale = this.scales.x,
        yScale = this.scales.y;
      const animationDuration =
        animate === true ? this.parent.model.get('animation_duration') : 0;
      const dots = this.d3el.selectAll('.curve').selectAll('.dot');

      dots
        .transition('update_dots_xy')
        .duration(animationDuration)
        .attr('transform', (d: any) => {
          return (
            'translate(' +
            (xScale.scale(d.x) + xScale.offset) +
            ',' +
            (yScale.scale(d.y) + yScale.offset) +
            ')'
          );
        })
        .attr(
          'd',
          this.dot
            .size(this.model.get('marker_size'))
            .type(this.model.get('marker'))
        );
    }
  }

  compute_view_padding(): void {
    //This function sets the padding for the view through the variables