背包 Laravel 将图表小部件排成一行

问题描述

如何在一行中对齐两个图表小部件？

$widgets['before_content'][] = [
    'type'       => 'chart','controller' => \App\Http\Controllers\Admin\Charts\TotalViewsChartController::class,'content' => [
        'header' => 'Total Views',],'wrapper'       => ['class' => 'col-sm-5 col-md-5'],];

$widgets['before_content'][] = [
    'type'       => 'chart','controller' => \App\Http\Controllers\Admin\Charts\ActiveUsersChartController::class,'label' => "Active Users",'content' => [
        'header' => 'Active Users',];

我尝试了多个包装选项，但没有一个奏效。这是 dashboard.blade.PHP 文件。

解决方法

试试：

$widgets['content'][] = [
    'type'       => 'chart','controller' => \App\Http\Controllers\Admin\Charts\ActiveUsersChartController::class,'label' => "Active Users1",'content' => [
        'header' => 'H1 Active Users',],'wrapperClass' => ['class','row'],'wrapper'       => ['class' => 'col-sm-5 col-md-5'],];

$widgets['content'][] = [
    'type'       => 'chart','label' => "Active User2s",'content' => [
        'header' => 'H2 Active Users',];

$widgets['before_content'][] = [
    'type'        => 'div','class' => 'row','content'     =>  $widgets['content'],];

发生了什么变化？

1. 将小部件部分“before_content”更改为“content”
2. 将这些内容小部件添加到实际的“before_content”小部件部分，以便您可以拥有一个带有“row”类的 div。

选项#2：

如果您想继续使用“before_content”，只需添加这一行：

Widget::add()->type('div')->class('row')>content($widgets['before_content']);