pecintaseni
7 months ago
committed by
=
22 changed files with 274 additions and 33 deletions
@ -0,0 +1,55 @@
|
||||
<?php |
||||
namespace App\Controllers\Kewilayahan\Sebaran; |
||||
|
||||
class JenisStatus extends \App\Controllers\Kewilayahan\Kytp |
||||
|
||||
{ |
||||
protected function data($request, $jenisOrStatus) |
||||
{ |
||||
$opsiWilZona = $request->getPost('opsiWilZona'); |
||||
$adm4_pcode = $request->getPost('adm4_pcode') ?? []; |
||||
$id_poly_zona = $request->getPost('id_poly_zona') ?? []; |
||||
|
||||
$db = \Config\Database::connect(); |
||||
|
||||
$kolom = "JNS_WP_MFWP"; |
||||
switch ($jenisOrStatus) { |
||||
case 'jenis': |
||||
$kolom = "JNS_WP_MFWP"; |
||||
break; |
||||
case 'status': |
||||
$kolom = "STATUS_WP_MFWP"; |
||||
break; |
||||
default: |
||||
|
||||
break; |
||||
} |
||||
|
||||
$npwp = $db->table('KPDL_MV_LOKASI_SUBJEK')->select($kolom . ", count(1) JML", false) |
||||
->where($kolom . " IS NOT NULL") |
||||
->groupBy($kolom); |
||||
|
||||
if ($opsiWilZona == 'wilayah') { |
||||
$npwp->whereIn('ADM4_PCODE', $adm4_pcode); |
||||
} |
||||
|
||||
if ($opsiWilZona == 'zona') { |
||||
$npwp->whereIn('ID_POLY_ZONA', $id_poly_zona); |
||||
} |
||||
|
||||
$data = $npwp->get()->getResult(); |
||||
|
||||
$ret = []; |
||||
|
||||
foreach ($data as $b) { |
||||
|
||||
array_push($ret, ['name' => $b->{$kolom}, |
||||
// 'color' => , |
||||
'y' => floatval($b->JML), |
||||
] |
||||
); |
||||
} |
||||
|
||||
return $ret; |
||||
} |
||||
} |
||||
@ -0,0 +1,88 @@
|
||||
import React, { useEffect, useRef, useState } from "react" |
||||
import Highcharts from "highcharts" |
||||
import HighchartsReact from "highcharts-react-official" |
||||
import { Col, Row } from "reactstrap" |
||||
import { format_angka } from "../util" |
||||
import collect from "collect.js" |
||||
|
||||
const JenisStatusWp = ({ dataSend }) => { |
||||
const base_url = "<?=base_url()?>" |
||||
|
||||
const refChart = useRef(null) |
||||
const refChart2 = useRef(null) |
||||
const [dataJenis, setDataJenis] = useState(null) |
||||
const [dataStatus, setDataStatus] = useState(null) |
||||
|
||||
useEffect(() => { |
||||
jQuery.get({ |
||||
url: base_url + "kewilayahan/kytp/sebaranJenisStatusWp", |
||||
dataType: "json", |
||||
type: "POST", |
||||
data: { |
||||
...dataSend |
||||
}, |
||||
success: (data) => { |
||||
setDataJenis(data.dataJenis) |
||||
setDataStatus(data.dataStatus) |
||||
} |
||||
}) |
||||
}, [dataSend]) |
||||
|
||||
const optionsChart = (data, title) => { |
||||
const total_wp = collect(data).sum("y") |
||||
return { |
||||
chart: { |
||||
plotBackgroundColor: null, |
||||
plotBorderWidth: null, |
||||
plotShadow: false, |
||||
type: "pie", |
||||
zoomType: "xy", |
||||
height: "300" |
||||
}, |
||||
title: { |
||||
text: title, |
||||
style: { fontSize: "10px" } |
||||
}, |
||||
tooltip: { |
||||
pointFormat: "<b>{point.percentage:.1f}%</b><br>: {point.y} dari " + format_angka(total_wp) + " total NPWP" |
||||
}, |
||||
accessibility: { |
||||
point: { |
||||
valueSuffix: "%" |
||||
} |
||||
}, |
||||
plotOptions: { |
||||
pie: { |
||||
allowPointSelect: true, |
||||
cursor: "pointer", |
||||
dataLabels: { |
||||
enabled: true, |
||||
style: { fontSize: "10px" }, |
||||
format: "{point.name}: <br> {point.percentage:.1f} %" |
||||
} |
||||
} |
||||
// series: pie_click
|
||||
}, |
||||
series: [ |
||||
{ |
||||
name: "", |
||||
data |
||||
} |
||||
] |
||||
} |
||||
} |
||||
return ( |
||||
<> |
||||
<Row> |
||||
<Col md="6"> |
||||
<HighchartsReact ref={refChart} highcharts={Highcharts} options={optionsChart(dataJenis, "Jenis WP")} /> |
||||
</Col> |
||||
<Col md="6"> |
||||
<HighchartsReact ref={refChart2} highcharts={Highcharts} options={optionsChart(dataStatus, "Status WP")} /> |
||||
</Col> |
||||
</Row> |
||||
</> |
||||
) |
||||
} |
||||
|
||||
export default JenisStatusWp |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue