whmcsProxmoxVPS/app/UI/Graph/Pages/CpuGraph.php

<?php

/* * ********************************************************************
 * ProxmoxAddon product developed. (Oct 1, 2018)
 * *
 *
 *  CREATED BY MODULESGARDEN       ->       http://modulesgarden.com
 *  CONTACT                        ->       contact@modulesgarden.com
 *
 *
 * This software is furnished under a license and may be used and copied
 * only  in  accordance  with  the  terms  of such  license and with the
 * inclusion of the above copyright notice.  This software  or any other
 * copies thereof may not be provided or otherwise made available to any
 * other person.  No title to and  ownership of the  software is  hereby
 * transferred.
 *
 *
 * ******************************************************************** */

namespace ModulesGarden\Servers\ProxmoxVps\App\UI\Graph\Pages;

use ModulesGarden\ProxmoxAddon\Core\Helper\DatabaseCache;
use ModulesGarden\Servers\ProxmoxVps\Core\UI\Interfaces\AdminArea;
use ModulesGarden\Servers\ProxmoxVps\Core\UI\Interfaces\ClientArea;
use ModulesGarden\Servers\ProxmoxVps\Core\UI\Widget\Forms\Fields\Select;
use ModulesGarden\Servers\ProxmoxVps\Core\UI\Widget\Graphs\Line;
use ModulesGarden\Servers\ProxmoxVps\Core\UI\Widget\Graphs\Models\DataSet;
use function ModulesGarden\Servers\ProxmoxVps\Core\Helper\sl;

class CpuGraph extends Line implements ClientArea, AdminArea
{

    use GraphData;
    protected $id = 'cpuGraph';
    protected $name = 'cpuGraph';
    protected $graphSettingsEnabled = true;
    protected $graphSettingsKey = 'cpuGraphSettings';

    public function initContent()
    {
        $selectScope = new Select('timeframe');
        $selectScope->setAvailableValues($this->chartOptions());
        $selectScope->setDefaultValue('week');
        $this->addSettingField($selectScope);
        //yAxes
        $this->updateChartScale('yAxes', [
            [
                'scaleLabel' => [
                    'display'     => true,
                    'labelString' => sl('lang')->tr("Percentage (%)")
                ],
                'ticks'      => [
                    'beginAtZero' => true
                ],
            ]]);
        //Tooltip
        $this->updateChartOption('tooltips', [
            'callbacks' => [
                'label' => 'mgTooltipCpu'
            ]
        ]);
    }

    public function prepareAjaxData()
    {

        if ($this->configChartsSettings->timeframe)
        {
            $this->timeframe = $this->configChartsSettings->timeframe;
        }
        $rrdata     = DatabaseCache::loadData(
            $this->graphSettingsKey.$this->timeframe .$this->getWhmcsParamByKey('serviceid'). '_cacheData', [$this, 'chartData'], 30, true);
        $labels     = [];
        $dataSets   = [
            'cpu'   => []
        ];
        $dateFormat = in_array($this->timeframe, ['hour', 'day']) ? "H:i:s" : "Y-m-d";
        foreach ($rrdata as $rrd)
        {
            $labels[]           = date($dateFormat, $rrd['time']);
            $dataSets['cpu'][]  = (isset($rrd['cpu']) ? (float)$rrd['cpu'] : 0) * 100;
        }

        //Labels
        $this->setLabels($labels);
        //CPU Usage
        $lang    = sl('lang');
        $dataSet = new DataSet();
        $dataSet->setTitle($lang->tr('CPU Usage'))
            ->setData($dataSets['cpu'])
            ->setConfigurationDataSet([
                "backgroundColor" => "rgba(174, 198, 57, 0.79)",
                "borderColor"     => "rgba(174, 198, 57, 1)"
            ]);
        $this->addDataSet($dataSet);
    }


}