Bar ADDON-CHARTS

On this page

A bar for bar chart

Basic

    
      <tui-bar class="bar" />

    
      .bar {
    block-size: 6.25rem;
    background: var(--tui-background-accent-1);
}

Segments

    
      <tui-bar
    size="s"
    class="bar"
    [value]="value"
/>

    
      .bar {
    block-size: 6.25rem;

    --tui-chart-categorical-00: #ffd700;
    --tui-chart-categorical-01: #87ceeb;
    --tui-chart-categorical-02: #ffc0cb;
}

GitHub StackBlitz