Method update_fill

js/src/Lines.ts:498–535

()

  }

  update_fill(): void {
    const fill = this.model.get('fill'),
      area = fill === 'top' || fill === 'bottom' || fill === 'between';

    const yScale = this.scales.y;

    this.area.defined((d: any) => {
      return area && d.y !== null && isFinite(yScale.scale(d.y));
    });

    if (fill == 'bottom') {
      this.area.y0(this.parent.plotareaHeight);
    } else if (fill == 'top') {
      this.area.y0(0);
    } else if (fill == 'between') {
      this.area.y0((d: any) => {
        return yScale.scale(d.y0) + yScale.offset;
      });
    }
    this.d3el
      .selectAll('.curve')
      .select('.area')
      .attr('d', (d: any) => {
        return this.area(d.values);
      });
    this.d3el
      .selectAll('.curve')
      .select('.line')
      .style('fill', (d, i) => {
        return fill === 'inside' ? this.get_fill_color(d, i) : '';
      });
    // update legend fill
    if (this.legendEl) {
      this.legendEl.select('path').style('fill', (d, i) => {
        return fill === 'none' ? '' : this.get_fill_color(d, i);
      });
    }
  }

  get_fill_color(data, index): string {
    const fillColors: string = this.model.get('fill_colors');