Grafik

<armada:card title="Haftalık trafik" description="Ziyaret ve kayıt">
    <armada:chart :labels="['Pzt', 'Sal', 'Çar', 'Per', 'Cum', 'Cmt', 'Paz']" :series="['Ziyaret' => [420, 680, 590, 820, 760, 380, 300], 'Kayıt' => [40, 82, 61, 95, 88, 30, 25]]" />
</armada:card>

<armada:card title="Gelir kaynakları">
    <armada:chart stacked :labels="['Oca', 'Şub', 'Mar', 'Nis', 'May', 'Haz']" :series="['Abonelik' => [42, 48, 51, 58, 62, 70], 'Tek seferlik' => [12, 15, 10, 18, 14, 20], 'Hizmet' => [8, 6, 9, 12, 10, 14]]" />
</armada:card>

<div class="arm-grid" style="--min: 300px">
    <armada:card title="Aktif kullanıcı">
        <armada:chart type="line" :height="200" :labels="['1', '5', '10', '15', '20', '25', '30']" :series="['Bu ay' => [1200, 1900, 1700, 2600, 2400, 3100, 3500], 'Geçen ay' => [900, 1300, 1500, 1700, 2100, 2000, 2400]]" />
    </armada:card>
    <armada:card title="Sunucu yükü">
        <armada:chart type="area" :height="200" :labels="['00', '04', '08', '12', '16', '20']" :series="['CPU %' => [22, 18, 45, 72, 64, 38]]" />
    </armada:card>
</div>