RingChart ADDON-CHARTS

    
      
    

      
        Copy
      
      
    
  

    
      <div class="wrapper">
    <tui-ring-chart
        size="s"
        class="tui-space_right-4"
        [value]="value"
    />
    <tui-ring-chart
        size="m"
        class="tui-space_right-4"
        [value]="value"
    />
    <tui-ring-chart
        size="l"
        class="tui-space_right-4"
        [value]="value"
    />
    <tui-ring-chart
        size="xl"
        class="tui-space_right-4"
        [value]="value"
    />
</div>

    

      
        Copy
      
      
    
  

    
      .wrapper {
    display: flex;
    align-items: center;
}

    

      
        Copy
      
      
    
  

    
      
    

      
        Copy
      
      
    
  

    
      <tui-ring-chart
    [value]="value"
    [(activeItemIndex)]="index"
>
    <span>{{ sum | tuiAmount: 'RUB' }}</span>
    <div>{{ label }}</div>
</tui-ring-chart>

    

      
        Copy
      
      
    
  

    
      :host {
    --tui-chart-categorical-00: #c779d0;
    --tui-chart-categorical-01: #feac5e;
    --tui-chart-categorical-02: #ff5f6d;
    --tui-chart-categorical-03: #4bc0c8;
    --tui-chart-categorical-04: #9795cd;
}

    

      
        Copy