Method updatePolylines

js/src/Pie.ts:436–485

(animate?: boolean)

  }

  updatePolylines(animate?: boolean) {
    const that = this;
    const animation_duration =
      animate === true ? this.parent.model.get('animation_duration') : 0;

    const display_labels = this.model.get('display_labels');

    const polylines = this.pieSelection
      .select('.lines')
      .selectAll('polyline')
      .data(this.d3Pie(this.model.mark_data));

    const polylinesTransition = polylines
      .enter()
      .append('polyline')
      .each(function (d) {
        this._current = d;
      })
      .merge(polylines)
      .transition('draw')
      .duration(animation_duration)
      .style('opacity', (d: any) =>
        display_labels !== 'outside' || d.value == 0 || d.data.label === ''
          ? 0
          : 1
      );

    if (display_labels === 'outside') {
      polylinesTransition.attrTween('points', function (d: any) {
        const interpolate = d3.interpolate(this._current, d);
        const _this = this;
        return function (t) {
          const d2 = interpolate(t);
          _this._current = d2;
          const pos = that.outerArc.centroid(d2);
          pos[0] =
            that.model.get('radius') *
            0.95 *
            (that.midAngleLocation(d2) === 'left' ? -1 : 1);
          return [
            that.arc.centroid(d2),
            that.outerArc.centroid(d2),
            pos,
          ].toString();
        };
      });
    }

    polylines.exit().remove();
  }

  clear_style(style_dict, indices?) {
    // Function to clear the style of a dict on some or all the elements of the