Metric Donut Chart

# Make

Метрика DonutChartMetric предназначена для создания Donut графиков.

Создать DonutChartMetric можно воспользовавшись статическим методом make().

make(Closure|string $label)

Метод values() позволяет указать значение для метрики.

values(array|Closure $values)
use MoonShine\Metrics\DonutChartMetric;
 
//...
 
public function components(): array
{
return [
DonutChartMetric::make('Subscribers')
->values(['CutCode' => 10000, 'Apple' => 9999])
];
}
 
//...

# Ширина блока

Метод columnSpan() позволяет задать ширину блока в Grid сетке.

columnSpan(
int $columnSpan,
int $adaptiveColumnSpan = 12
)

$columnSpan - значение для десктопной версии,
$adaptiveColumnSpan - значение для мобильной версии.

use App\Models\Article;
use MoonShine\Decorations\Grid;
use MoonShine\Metrics\DonutChartMetric;
 
//...
 
public function components(): array
{
return [
Grid::make([
DonutChartMetric::make(Subscribers)
->values(['CutCode' => 10000, 'Apple' => 9999])
->columnSpan(6),
DonutChartMetric::make( Tasks)
->values(['New' => 234, 'Done' => 421])
->columnSpan(6)
])
];
}
 
//...

За более подробной информацией обратитесь к разделу Декорация Layout .