Дархан

window.addEventListener('load', function() {
  var ctx = document.getElementById('canvas').getContext('2d');
  window.myLine = new Chart(ctx, config);
});

'pluginOptions' => [
       // остальные настройки
       'deleteUrl' => Url::to(['delete-img']), // укажите реальный путь к действию удаления изображений.
        'initialPreviewAsData' => true,
        'overwriteInitial'=>false,
        'initialPreview' => !$model->isNewRecord ? $model->imagesLinks : [],
        'initialPreviewConfig' => !$model->isNewRecord ? $model->imagesLinksData : [],
       // остальные настройки.
]

public function getImagesLinks()
    {
        $path = ArrayHelper::getColumn(UploadsFiles::find()->all(), 'pathImg');
        return $path;
    }

    public function getImagesLinksData()
    {
        $files = UploadsFiles::find()->all();
        return ArrayHelper::toArray($files,[
            UploadsFiles::class => [
                'caption' => 'file',
                'key' => 'id'
            ]
        ]);
    }
   // getPathImg() возвращает путь к изображению, используется в getImagesLinks()
    public function getPathImg()
    {
        return Url::home(true) . 'uploads/' . $this->file;
    }

$this->registerJs('
  // #uploadsfiles-imagesfile - id Вашего FileInput
  $("#uploadsfiles-imagesfile").on("fileuploaded", function(event, data, previewId, index) {
  input.fileinput("destroy").fileinput({
    multiple: true,
    showUpload: false,
    showRemove: false,
    initialPreviewAsData: true,
    overwriteInitial: false,
    uploadUrl: "' . Url::to(['upload-img']) . '", // подставить реальный путь к действию
    deleteUrl: "' . Url::to(['delete-img']) . '", // подставить реальный путь к действию
    initialPreview: data.response.initialPreview,
    initialPreviewConfig: data.response.initialPreviewData,
  })
  input.closest("form").find("button").attr("disabled", false)
    console.log(data);
});
', View::POS_END);

public function actionUploadImg()
    {
        $model = new UploadsFiles();

        if(Yii::$app->request->isAjax){
            $model->imagesFile = UploadedFile::getInstance($model, 'imagesFile');
            if($model->upload()){
                $model->load(Yii::$app->request->post());
                $model->saveImg();
                $answer['initialPreview'] = $model->getImagesLinks();
                $answer['initialPreviewData'] = $model->getImagesLinksData();
                return json_encode($answer);
            }
        }
        return false;
    }

public function actionDeleteImg()
    {
        if(Yii::$app->request->isAjax){
            $model = UploadsFiles::find()->where('id=:id', [':id' => Yii::$app->request->post('key')])->one();
            FileHelper::unlink('uploads/' . $model->file);
            $model->delete();
            return Json::encode('Delete');
        }
        return false;
    }

<?php

$list = [
	['number' => 3],
	['number' => 2],
	['number' => 45],
];
// 1st example
echo array_sum(array_column($list, 'number')), PHP_EOL;

// 2nd example
echo array_reduce($list, function ($carry, $item) {
	return $carry += $item['number'];
}), PHP_EOL;

// 3rd example
array_walk($list, function ($item) use (&$sum) {
	$sum += $item['number'];
});
echo $sum, PHP_EOL;

// 4th example
array_map(function ($item) use (&$sum2) {
	$sum2 += $item['number'];
}, $list);
echo $sum2, PHP_EOL;

.block {
    width: 200px;
    height: 100px;
    background-color: skyblue;
}

width: 180px;
height: 80px;
padding: 20px

1. Socket.io
   
2. SlimScroll
   
3. D3.js
   
4. Bootstap
   
5. Jquery
   
6. fontawesome
   
7. popper.js
   
8. ну и vk.api