Method updateSlices

js/src/Pie.ts:308–353

(animate?: boolean)

  }

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

    // update pie slices
    const slices = this.pieSelection
      .select('.slices')
      .selectAll('.slice')
      .data(this.d3Pie(this.model.mark_data));

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

    slices
      .enter()
      .append('path')
      .attr('class', 'slice')
      .each(function (d) {
        this._current = d;
      })
      .on('click', (d, i) => {
        return that.event_dispatcher('element_clicked', { data: d, index: i });
      })
      .merge(slices)
      .transition('draw')
      .duration(animation_duration)
      .style('fill', (d, i) => that.get_mark_color(d.data, i))
      .style('stroke', stroke)
      .style('opacity', (d, i) => that.get_mark_opacity(d.data, i))
      .attrTween('d', function (d) {
        const interpolate = d3.interpolate(this._current, d);
        this._current = d;
        return function (t) {
          return that.arc(interpolate(t));
        };
      });

    slices
      .exit()
      .transition('remove')
      .duration(animation_duration)
      .style('opacity', 0)
      .remove();

    this.apply_styles();
  }

  private updateLabels(animate?: boolean) {
    const that = this;