xkyy/xk-api-yii
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

初始化仓库

Browse Source
This commit is contained in:
年糕崽崽
2024-09-19 11:32:39 +08:00
commit 8f5315e936
921 changed files with 76455 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

458
admin/components/UI/Components/Chart.php Normal file
View File

@@ -0,0 +1,458 @@
<?php
/**
* Created by PhpStorm.
* User: chatfeed
* Date: 2022/5/18
* Time: 4:20 PM
*/
namespace admin\components\UI\Components;
use Carbon\Carbon;
use Carbon\CarbonPeriod;
/**
* Class Charts
* @package Duxravel\Core\Util
*/
class Charts
{
private string $type = '';
private ?\Closure $option = null;
private int $height = 200;
private $width = '100%';
private bool $zoom = false;
private bool $toolbar = false;
private bool $datatime = false;
private array $legend = [
'status' => false,
'x' => 'right',
'y' => 'top'
];
private array $date = [
'start' => '',
'stop' => '',
'interval' => '1 days',
'format' => 'Y-m-d'
];
private array $series = [];
private array $labels = [];
private array $data = [];
private array $title = [];
private array $subtitle = [];
/**
* @param int|string $width
* @return $this
*/
public function width($width): self
{
$this->width = $width;
return $this;
}
/**
* @param int $height
* @return $this
*/
public function height(int $height): self
{
$this->height = $height;
return $this;
}
/**
* @param string $title
* @param string $align
* @return $this
*/
public function title(string $title, string $align = 'left'): self
{
$this->title = [
'title' => $title,
'align' => $align
];
return $this;
}
/**
* @param string $title
* @param string $align
* @return $this
*/
public function subtitle(string $title, string $align = 'left'): self
{
$this->subtitle = [
'title' => $title,
'align' => $align
];
return $this;
}
/**
* @param false $zoom
* @return $this
*/
public function zoom(bool $zoom = false): self
{
$this->zoom = $zoom;
return $this;
}
/**
* @param false $toolbar
* @return $this
*/
public function toolbar(bool $toolbar = false): self
{
$this->toolbar = $toolbar;
return $this;
}
/**
* @param $status
* @param string $x
* @param string $y
* @return $this
*/
public function legend($status, string $x = "right", string $y = 'top'): self
{
$this->legend = [
'status' => $status,
'x' => $x,
'y' => $y
];
return $this;
}
/**
* 时间轴
* @param bool $status
* @return $this
*/
public function datetime(bool $status = true): self
{
$this->datatime = $status;
return $this;
}
/**
* @param string $start
* @param string $stop
* @param string $interval
* @param string $format
* @return $this
*/
public function date(string $start, string $stop, string $interval = '1 days', string $format = 'Y-m-d'): self
{
$this->date = [
'start' => $start,
'stop' => $stop,
'interval' => $interval,
'format' => $format
];
return $this;
}
/**
* @param string $name
* @param array $data
* @param string $format
* @return $this
*/
public function data(string $name, array $data = [], string $format = 'Ymd'): self
{
$this->data[] = [
'name' => $name,
'data' => $data,
'format' => $format
];
return $this;
}
/**
* 线型图
* @return $this
*/
public function line(): self
{
$this->type = 'line';
$this->option = function () {
return [
'dataLabels' => [
'enabled' => false,
],
'fill' => [
'opacity' => 1,
],
'stroke' => [
'curve' => "straight",
],
'xaxis' => [
'type' => $this->datatime ? 'datetime' : 'category',
'categories' => $this->labels
],
];
};
return $this;
}
/**
* 区域图
* @return $this
*/
public function area(): self
{
$this->type = 'area';
$this->option = function () {
return [
'dataLabels' => [
'enabled' => false,
],
'fill' => [
'opacity' => .2,
'type' => 'solid'
],
'xaxis' => [
'type' => $this->datatime ? 'datetime' : 'category',
'categories' => $this->labels
],
];
};
return $this;
}
/**
* 柱状图
* @return $this
*/
public function column(): self
{
$this->type = 'bar';
$this->option = function () {
return [
'plotOptions' => [
'bar' => [
'columnWidth' => '50%',
]
],
'dataLabels' => [
'enabled' => false,
],
'fill' => [
'opacity' => 1,
],
'xaxis' => [
'type' => $this->datatime ? 'datetime' : 'category',
'categories' => $this->labels
],
];
};
return $this;
}
public function get_uuid($len = 0): string
{
$int = '';
while (strlen($int) != $len) {
$int .= mt_rand(0, 9);
}
return date('Ymd') . substr(implode(NULL, array_map('ord', str_split(substr(uniqid(), 7, 13), 1))), 0, 8) . $int;
}
/**
* @param bool $html
* @return array|string
*/
public function render(bool $html = false)
{
$this->renderData();
$option = call_user_func($this->option);
$option['chart'] = [
'id' => 'vuechart-' . $this->get_uuid(10),
];
$option['grid'] = [
'strokeDashArray' => 4,
];
if ($this->title) {
$option['title'] = [
'text' => $this->title['title'],
'align' => $this->title['align'],
'style' => [
'fontSize' => '16px',
'fontWeight' => 'normal',
]
];
}
if ($this->subtitle) {
$option['subtitle'] = [
'text' => $this->title['title'],
'align' => $this->title['align'],
'style' => [
'fontSize' => '14px',
'fontWeight' => 'normal',
]
];
}
if ($this->toolbar) {
$option['chart']['toolbar'] = [
'show' => true,
'autoSelected' => true
];
} else {
$option['chart']['toolbar'] = [
'show' => false
];
}
if ($this->zoom) {
$option['chart']['zoom'] = [
'enabled' => true,
'type' => 'x',
'autoScaleYaxis' => false
];
} else {
$option['chart']['zoom'] = [
'enabled' => false
];
}
if ($this->legend['status']) {
$option['legend'] = [
'show' => true,
'position' => $this->legend['y'],
'horizontalAlign' => $this->legend['x'],
'floating' => true,
'offsetY' => 0,
'offsetX' => -5
];
} else {
$option['legend'] = [
'show' => false
];
}
if ($html) {
return $this->renderHtml($option);
} else {
return $this->renderNode($option);
}
}
/**
* @param array$option
* @return string
*/
private function renderHtml(array $option): string
{
$option = json_encode($option);
$series = json_encode($this->series);
return <<<HTML
<apexchart
ref="chart"
width="$this->width"
height="$this->height"
type="$this->type"
:options='$option'
:series='$series'
></apexchart>
HTML;
}
/**
* @param array $option
* @return array
*/
private function renderNode(array $option): array
{
return [
'nodeName' => 'apexchart',
'ref' => 'chart',
'width' => $this->width,
'height' => $this->height,
'type' => $this->type,
'options' => $option,
'series' => $this->series
];
}
/**
* @return void
*/
private function renderData(): void
{
$labels = $this->getDateFromRange($this->date['start'] ?: date($this->data['format'], strtotime('-7 day')), $this->date['stop'] ?: date($this->data['format']), $this->date['interval'], $this->date['format']);
$this->labels = $labels;
foreach ($this->data as $data) {
$group = [];
foreach ($data['data'] as $vo) {
$vo['label'] = date_format(date_create_from_format($data['format'], $vo['label']), $this->date['format']);
$group[$vo['label']] += $vo['value'];
}
$tmpArr = [];
foreach ($labels as $label) {
$tmpArr[] = $group[$label] ?: 0;
}
$this->series[] = [
'name' => $data['name'],
'data' => $tmpArr
];
}
}
/**
* @param string $startdate
* @param string $enddate
* @param string $interval
* @param string $format
* @return array
*/
private function getDateFromRange(string $startdate, string $enddate, $interval = '1 days', $format = 'Y-m-d'): array
{
$period = CarbonPeriod::create($startdate, $interval, $enddate)->toArray();
$data = [];
foreach ($period as $date) {
$data[] = $date->format($format);
}
return $data;
}
/**
* @param $method
* @param $arguments
* @return $this
*/
public function __call($method, $arguments)
{
$this->type = $method;
$this->option = function () use ($arguments) {
$option = [
'dataLabels' => [
'enabled' => false,
],
];
if ($arguments && $arguments[0] instanceof \Closure) {
call_user_func($arguments[0], $option, $this);
}
};
return $this;
}
}