Method render

js/src/Pie.ts:24–68

()

export class Pie extends Mark {
  async render() {
    const base_creation_promise = super.render();
    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 = ['slice', 'text'];

    this.pieSelection = this.d3el.append('g').attr('class', 'pie');
    this.pieSelection.append('g').attr('class', 'slices');
    this.pieSelection.append('g').attr('class', 'labels');
    this.pieSelection.append('g').attr('class', 'lines');

    const radius = this.model.get('radius');
    const inner_radius = this.model.get('inner_radius');

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

    if (display_labels === 'outside') {
      this.arc = d3
        .arc()
        .outerRadius(radius * 0.8)
        .innerRadius(inner_radius * 0.8);

      this.outerArc = d3
        .arc()
        .innerRadius(radius * 0.9)
        .outerRadius(radius * 0.9);
    } else {
      this.arc = d3.arc().outerRadius(radius).innerRadius(inner_radius);
    }

    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();
  }

  set_ranges() {
    if (this.scales.x) {