Halka grafik · Armada

Tarayıcı dağılımı

48.2kziyaret

Chrome · 62%Safari · 21%Firefox · 9%Diğer · 8%

58%mobil

Mobil · 58%Masaüstü · 34%Tablet · 8%

Kodu göster

<div class="arm-grid" style="--min: 240px">
    <armada:card title="Tarayıcılar">
        <armada:donut :segments="['Chrome' => 62, 'Safari' => 21, 'Firefox' => 9, 'Diğer' => 8]" value="48.2k" label="ziyaret" />
    </armada:card>
    <armada:card title="Cihazlar">
        <armada:donut :segments="['Mobil' => 58, 'Masaüstü' => 34, 'Tablet' => 8]" value="58%" label="mobil" size="140px" :thickness="14" />
    </armada:card>
</div>

Özellikler

<armada:donut>

Prop	Varsayılan
`segments`	`[]`
`size`	`'160px'`
`value`	`null`
`label`	`null`
`legend`	`true`
`thickness`	`10`