705 lines
36 KiB
PHP
705 lines
36 KiB
PHP
@extends('layout.main')
|
|
|
|
@section('content')
|
|
<div class="container-xxl flex-grow-1 container-p-y">
|
|
<div class="row g-6">
|
|
<div class="col-lg-3 col-sm-6">
|
|
<div class="card card-border-shadow-primary h-100">
|
|
<div class="card-body">
|
|
<div class="d-flex align-items-center mb-2">
|
|
<div class="avatar me-4">
|
|
<span class="avatar-initial rounded bg-label-primary">
|
|
<i class="icon-base ti tabler-user-check icon-28px"></i>
|
|
</span>
|
|
</div>
|
|
<h4 class="mb-0">{{ $petaniSummary->sum('total') }}</h4>
|
|
</div>
|
|
<p class="mb-1">Petani</p>
|
|
<p class="mb-0">
|
|
<span class="text-heading fw-medium me-2">{{ $petaniSummary->count('total') }}</span>
|
|
<small class="text-body-secondary">komoditas utama</small>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-sm-6">
|
|
<div class="card card-border-shadow-warning h-100">
|
|
<div class="card-body">
|
|
<div class="d-flex align-items-center mb-2">
|
|
<div class="avatar me-4">
|
|
<span class="avatar-initial rounded bg-label-warning">
|
|
<i class="icon-base ti tabler-trees icon-28px"></i>
|
|
</span>
|
|
</div>
|
|
<h4 class="mb-0">{{ number_format($lahanSummary->sum('luas_lahan') / 10000, 2, ',', '.') }} ha</h4>
|
|
</div>
|
|
<p class="mb-1">Lahan</p>
|
|
<p class="mb-0">
|
|
<span class="text-heading fw-medium me-2">{{ $lahanSummary->count('total') }}</span>
|
|
<small class="text-body-warning">komoditas utama</small>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="col-lg-6 col-sm-12">
|
|
<div class="card card-border-shadow-danger h-100">
|
|
<div class="card-body">
|
|
<div class="d-flex align-items-center mb-2">
|
|
<div class="avatar me-4">
|
|
<span class="avatar-initial rounded bg-label-danger">
|
|
<i class="icon-base ti tabler-seedling icon-28px"></i>
|
|
</span>
|
|
</div>
|
|
<h4 class="mb-0">{{ $tanamanSummary->sum('total') }}</h4>
|
|
</div>
|
|
<p class="mb-1">Tanaman Komoditas Utama</p>
|
|
<div class="d-flex justify-content-between mb-2">
|
|
@foreach($komoditas as $k)
|
|
<p class="mb-0">
|
|
<span class="text-heading fw-medium me-2">{{ $tanamanSummary->where('komoditas_id', $k->id)->sum('total') }}</span>
|
|
<small class="text-body-danger">tanaman {{ $k->nama }}</small>
|
|
</p>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
<div class="col-lg-3 col-sm-6">
|
|
<div class="card card-border-shadow-info h-100">
|
|
<div class="card-body">
|
|
<div class="d-flex align-items-center mb-2">
|
|
<div class="avatar me-4">
|
|
<span class="avatar-initial rounded bg-label-warning">
|
|
<i class="icon-base ti tabler-star icon-28px"></i>
|
|
</span>
|
|
</div>
|
|
<h4 class="mb-0">{{ number_format($skorAverage, 2, ',', '.') }}</h4>
|
|
</div>
|
|
<p class="mb-1">Rata-rata Indeks Kesiapan Adopsi</p>
|
|
<p class="mb-0">
|
|
<span class="text-heading fw-medium me-2">{{ $segmenAverage }}</span>
|
|
<small class="text-body-info">komoditas utama</small>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-6 py-4">
|
|
<div class="col-lg-6 col-sm-12">
|
|
<div class="card h-100">
|
|
<div class="card-header d-flex justify-content-between align-items-center">
|
|
<div class="card-title mb-0">
|
|
<h5 class="m-0 me-2">Segmentasi Petani</h5>
|
|
<p class="card-subtitle">untuk semua komoditas</p>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<table class="table card-table table-border-top-0 table-border-bottom-0">
|
|
<tbody>
|
|
<tr>
|
|
<td class="w-60 ps-0"></td>
|
|
<td class="text-end pe-0">Petani</td>
|
|
<td class="text-end pe-0">%</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="w-60 ps-0">
|
|
<div class="d-flex justify-content-start align-items-center">
|
|
<div class="me-2">
|
|
<i class="icon-base ti tabler-crown icon-lg text-heading"></i>
|
|
</div>
|
|
<div>
|
|
<h6 class="mb-0 fw-normal text-success">Penggerak (4.0 - 5.0)</h6>
|
|
<!-- <small class="text-body-secondary text-wrap">Siap menjadi peserta agrolab utama dan panutan bagi petani lain</small> -->
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ $skorSummary->where('segmen', 'Penggerak')->sum('total') }} petani</span>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ number_format(($skorSummary->where('segmen', 'Penggerak')->sum('total') / $petaniSummary->sum('total')) * 100, 2) }}%</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="w-60 ps-0">
|
|
<div class="d-flex justify-content-start align-items-center">
|
|
<div class="me-2">
|
|
<i class="icon-base ti tabler-flag icon-lg text-heading"></i>
|
|
</div>
|
|
<div>
|
|
<h6 class="mb-0 fw-normal text-info">Perintis (3.0 - 3.9)</h6>
|
|
<!-- <small class="text-body-secondary text-wrap">Berpotensi berkembang menjadi Penggerak dengan dukungan yang tepat</small> -->
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ $skorSummary->where('segmen', 'Perintis')->sum('total') }} petani</span>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ number_format(($skorSummary->where('segmen', 'Perintis')->sum('total') / $petaniSummary->sum('total')) * 100, 2) }}%</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="w-60 ps-0">
|
|
<div class="d-flex justify-content-start align-items-center">
|
|
<div class="me-2">
|
|
<i class="icon-base ti tabler-eye icon-lg text-heading text-success"></i>
|
|
</div>
|
|
<div>
|
|
<h6 class="mb-0 fw-normal text-warning">Pemerhati (2.0 - 2.9)</h6>
|
|
<!-- <small class="text-body-secondary text-wrap">Perlu melihat bukti hasil nyata dari Penggerak sebelum mau bergerak</small> -->
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ $skorSummary->where('segmen', 'Pemerhati')->sum('total') }} petani</span>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ number_format(($skorSummary->where('segmen', 'Pemerhati')->sum('total') / $petaniSummary->sum('total')) * 100, 2) }}%</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="w-60 ps-0">
|
|
<div class="d-flex justify-content-start align-items-center">
|
|
<div class="me-2">
|
|
<i class="icon-base ti tabler-seedling icon-lg text-heading"></i>
|
|
</div>
|
|
<div>
|
|
<h6 class="mb-0 fw-normal text-danger">Pemula (1.0 - 1.9)</h6>
|
|
<!-- <small class="text-body-secondary text-wrap">Butuh penanganan hambatan dasar terlebih dahulu sebelum intervensi langsung</small> -->
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ $skorSummary->where('segmen', 'Pemula')->sum('total') }} petani</span>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ number_format(($skorSummary->where('segmen', 'Pemula')->sum('total') / $petaniSummary->sum('total')) * 100, 2) }}%</span>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="col-lg-6 col-sm-12">
|
|
<div class="card h-100">
|
|
<div class="card-header d-flex justify-content-between align-items-center">
|
|
<div class="card-title mb-0">
|
|
<h5 class="m-0 me-2">Segmentasi Petani Komoditas</h5>
|
|
<p class="card-subtitle">berdasarkan mayoritas segmentasi</p>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<table class="table card-table table-border-top-0 table-border-bottom-0">
|
|
<tbody>
|
|
@foreach ($komoditas as $k)
|
|
<?php
|
|
$max = $skorKomoditasSummary->where('komoditas_id', $k->id)
|
|
->whereIn('segmen', ['Penggerak', 'Perintis', 'Pemerhati', 'Pemula'])
|
|
->sortByDesc('total')
|
|
->first();
|
|
?>
|
|
<tr>
|
|
<td class="w-40 ps-0">
|
|
<h6 class="mb-0 fw-normal text-heading">{{ $k->nama }}</h6>
|
|
</td>
|
|
<td class="pe-0">
|
|
@if(isset($max))
|
|
@if($max->segmen == 'Penggerak')
|
|
<span class="text-success">Petani Penggerak</span>
|
|
@elseif($max->segmen == 'Perintis')
|
|
<span class="text-info">Petani Perintis</span>
|
|
@elseif($max->segmen == 'Pemerhati')
|
|
<span class="text-warning">Petani Pemerhati</span>
|
|
@elseif($max->segmen == 'Pemula')
|
|
<span class="text-danger">Petani Pemula</span>
|
|
@else
|
|
<span>Belum Lengkap</span>
|
|
@endif
|
|
@else
|
|
<span>Belum Tersegmentasi</span>
|
|
@endif
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ isset($max) ? $max->total : 0 }} Petani</span>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ isset($max) ? number_format(($max->total / $petaniSummary->sum('total')) * 100, 2) : 0 }}%</span>
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
<div class="col-lg-6 col-sm-12">
|
|
<div class="card h-100">
|
|
<div class="card-header d-flex justify-content-between align-items-center">
|
|
<div class="card-title mb-0">
|
|
<h5 class="m-0 me-2">Segmentasi Multi Dimensi Petani</h5>
|
|
<p class="card-subtitle">untuk semua komoditas</p>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<table class="table card-table table-border-top-0 table-border-bottom-0">
|
|
<tbody>
|
|
<tr>
|
|
<td class="w-60 ps-0"></td>
|
|
<td class="text-end pe-0">Indeks</td>
|
|
<td class="text-end pe-0">D1</td>
|
|
<td class="text-end pe-0">D2</td>
|
|
<td class="text-end pe-0">D3</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="w-60 ps-0">
|
|
<div class="d-flex justify-content-start align-items-center">
|
|
<div class="me-2">
|
|
<i class="icon-base ti tabler-crown icon-lg text-heading"></i>
|
|
</div>
|
|
<div>
|
|
<h6 class="mb-0 fw-normal text-success">Penggerak (4.0 - 5.0)</h6>
|
|
<!-- <small class="text-body-secondary text-wrap">Siap menjadi peserta agrolab utama dan panutan bagi petani lain</small> -->
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ number_format($skorMultiDimensi->where('segmen', 'Penggerak')->value('skor_kesiapan_adopsi'), 2, '.', ',') }}</span>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ number_format($skorMultiDimensi->where('segmen', 'Penggerak')->value('skor_d2_sistem_praktik_budidaya'), 2, '.', ',') }}</span>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ number_format($skorMultiDimensi->where('segmen', 'Penggerak')->value('skor_d4_sosial_ekonomi'), 2, '.', ',') }}</span>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ number_format($skorMultiDimensi->where('segmen', 'Penggerak')->value('skor_d6_rantai_nilai_akses_pasar'), 2, '.', ',') }}</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="w-60 ps-0">
|
|
<div class="d-flex justify-content-start align-items-center">
|
|
<div class="me-2">
|
|
<i class="icon-base ti tabler-flag icon-lg text-heading"></i>
|
|
</div>
|
|
<div>
|
|
<h6 class="mb-0 fw-normal text-info">Perintis (3.0 - 3.9)</h6>
|
|
<!-- <small class="text-body-secondary text-wrap">Berpotensi berkembang menjadi Penggerak dengan dukungan yang tepat</small> -->
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ number_format($skorMultiDimensi->where('segmen', 'Perintis')->value('skor_kesiapan_adopsi'), 2, '.', ',') }}</span>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ number_format($skorMultiDimensi->where('segmen', 'Perintis')->value('skor_d2_sistem_praktik_budidaya'), 2, '.', ',') }}</span>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ number_format($skorMultiDimensi->where('segmen', 'Perintis')->value('skor_d4_sosial_ekonomi'), 2, '.', ',') }}</span>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ number_format($skorMultiDimensi->where('segmen', 'Perintis')->value('skor_d6_rantai_nilai_akses_pasar'), 2, '.', ',') }}</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="w-60 ps-0">
|
|
<div class="d-flex justify-content-start align-items-center">
|
|
<div class="me-2">
|
|
<i class="icon-base ti tabler-eye icon-lg text-heading text-success"></i>
|
|
</div>
|
|
<div>
|
|
<h6 class="mb-0 fw-normal text-warning">Pemerhati (2.0 - 2.9)</h6>
|
|
<!-- <small class="text-body-secondary text-wrap">Perlu melihat bukti hasil nyata dari Penggerak sebelum mau bergerak</small> -->
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ number_format($skorMultiDimensi->where('segmen', 'Pemerhati')->value('skor_kesiapan_adopsi'), 2, '.', ',') }}</span>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ number_format($skorMultiDimensi->where('segmen', 'Pemerhati')->value('skor_d2_sistem_praktik_budidaya'), 2, '.', ',') }}</span>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ number_format($skorMultiDimensi->where('segmen', 'Pemerhati')->value('skor_d4_sosial_ekonomi'), 2, '.', ',') }}</span>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ number_format($skorMultiDimensi->where('segmen', 'Pemerhati')->value('skor_d6_rantai_nilai_akses_pasar'), 2, '.', ',') }}</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="w-60 ps-0">
|
|
<div class="d-flex justify-content-start align-items-center">
|
|
<div class="me-2">
|
|
<i class="icon-base ti tabler-seedling icon-lg text-heading"></i>
|
|
</div>
|
|
<div>
|
|
<h6 class="mb-0 fw-normal text-danger">Pemula (1.0 - 1.9)</h6>
|
|
<!-- <small class="text-body-secondary text-wrap">Butuh penanganan hambatan dasar terlebih dahulu sebelum intervensi langsung</small> -->
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ number_format($skorMultiDimensi->where('segmen', 'Pemula')->value('skor_kesiapan_adopsi'), 2, '.', ',') }}</span>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ number_format($skorMultiDimensi->where('segmen', 'Pemula')->value('skor_d2_sistem_praktik_budidaya'), 2, '.', ',') }}</span>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ number_format($skorMultiDimensi->where('segmen', 'Pemula')->value('skor_d4_sosial_ekonomi'), 2, '.', ',') }}</span>
|
|
</td>
|
|
<td class="text-end pe-0">
|
|
<span>{{ number_format($skorMultiDimensi->where('segmen', 'Pemula')->value('skor_d6_rantai_nilai_akses_pasar'), 2, '.', ',') }}</span>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-6 py-4">
|
|
<div class="col-lg-6 col-sm-12">
|
|
<div class="card h-100">
|
|
<div class="card-header d-flex justify-content-between align-items-center">
|
|
<div class="card-title mb-0">
|
|
<h5 class="m-0 me-2">Rata-rata Dimensi Kesiapan Adopsi</h5>
|
|
<p class="card-subtitle">untuk semua komoditas</p>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div id="chart-dimensi"></div>
|
|
<div class="d-flex flex-wrap gap-3 mt-3 small justify-content-center">
|
|
<div>
|
|
<span class="badge bg-label-primary">D1</span> Sistem & Praktik Budidaya
|
|
</div>
|
|
<div>
|
|
<span class="badge bg-label-primary">D2</span> Sosial Ekonomi Rumah Tangga
|
|
</div>
|
|
<div>
|
|
<span class="badge bg-label-primary">D3</span> Rantai Nilai & Akses Pasar
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-sm-12">
|
|
<div class="card h-100">
|
|
<div class="card-header d-flex justify-content-between align-items-center">
|
|
<div class="card-title mb-0">
|
|
<h5 class="m-0 me-2">Rata-rata Komponen Kesiapan Adopsi</h5>
|
|
<p class="card-subtitle">untuk semua komoditas</p>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div id="chart-komponen"></div>
|
|
<div class="d-flex flex-wrap gap-3 mt-3 small justify-content-center">
|
|
<div>
|
|
<span class="badge bg-label-primary">K1</span> Motivasi & Kapasitas Adopsi
|
|
</div>
|
|
<div>
|
|
<span class="badge bg-label-primary">K2</span> Kondisi Ekonomi Rumah Tangga
|
|
</div>
|
|
<div>
|
|
<span class="badge bg-label-primary">K3</span> Praktik Budidaya & GAP
|
|
</div>
|
|
<div>
|
|
<span class="badge bg-label-primary">K4</span> Keterlibatan Kelembagaan
|
|
</div>
|
|
<div>
|
|
<span class="badge bg-label-primary">K5</span> Akses & Kebebasan Keuangan
|
|
</div>
|
|
<div>
|
|
<span class="badge bg-label-primary">K6</span> Rantai Nilai & Akses Pasar
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-6 py-4">
|
|
<div class="col-lg-12 col-sm-12">
|
|
<div class="card h-100">
|
|
<div class="card-header d-flex justify-content-between align-items-center">
|
|
<div class="card-title mb-0">
|
|
<h5 class="m-0 me-2">Segmentasi Petani</h5>
|
|
<p class="card-subtitle">untuk semua komoditas</p>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="table-responsive text-nowrap">
|
|
<table class="table card-table table-border-top-0 table-border-bottom-0" id="tabel-petani">
|
|
<thead>
|
|
<tr>
|
|
<th>Petani</th>
|
|
<th>Jenis Kelamin</th>
|
|
<th>Usia</th>
|
|
<th>Komoditas Utama</th>
|
|
<th>Segmentasi</th>
|
|
<th>Indeks</th>
|
|
<th>D2</th>
|
|
<th>D4</th>
|
|
<th>D6</th>
|
|
</thead>
|
|
<tbody>
|
|
@foreach ($petani as $item)
|
|
<tr>
|
|
<td><span class="text-heading">{{ $item->nama }}</span></td>
|
|
<td>{{ $item->jenis_kelamin ? 'Laki-laki' : 'Perempuan' }}</td>
|
|
<td>{{ $item->umur }} tahun</td>
|
|
<td>{{ $item->komoditas?->nama }}</td>
|
|
<td>
|
|
@if($item->segmen() == 'Penggerak')
|
|
<span class="badge bg-label-success">Penggerak</span>
|
|
@elseif($item->segmen() == 'Perintis')
|
|
<span class="badge bg-label-info">Perintis</span>
|
|
@elseif($item->segmen() == 'Pemerhati')
|
|
<span class="badge bg-label-warning">Pemerhati</span>
|
|
@elseif($item->segmen() == 'Pemula')
|
|
<span class="badge bg-label-danger">Pemula</span>
|
|
@endif
|
|
</td>
|
|
<td>{{ number_format($item->skor?->skor_kesiapan_adopsi, 2, '.', ',') }}</td>
|
|
<td>{{ number_format($item->skor?->skor_d2_sistem_praktik_budidaya, 2, '.', ',') }}</td>
|
|
<td>{{ number_format($item->skor?->skor_d4_sosial_ekonomi, 2, '.', ',') }}</td>
|
|
<td>{{ number_format($item->skor?->skor_d6_rantai_nilai_akses_pasar, 2, '.', ',') }}</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('scripts')
|
|
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
|
|
$("#tabel-petani").DataTable({
|
|
"paging": true,
|
|
"lengthChange": true,
|
|
"searching": true,
|
|
"ordering": false,
|
|
"info": true,
|
|
"autoWidth": false,
|
|
"responsive": true,
|
|
})
|
|
|
|
|
|
let cardColor, labelColor, fontFamily, headingColor, shadeColor, legendColor, borderColor, barBgColor;
|
|
if (isDarkStyle) {
|
|
barBgColor = '#3d4157';
|
|
shadeColor = 'dark';
|
|
} else {
|
|
barBgColor = '#efeef0';
|
|
shadeColor = '';
|
|
}
|
|
cardColor = config.colors.cardColor;
|
|
labelColor = config.colors.textMuted;
|
|
legendColor = config.colors.bodyColor;
|
|
borderColor = config.colors.borderColor;
|
|
headingColor = config.colors.headingColor;
|
|
|
|
var radarDimensi = new ApexCharts($("#chart-dimensi")[0],
|
|
options = {
|
|
chart: {
|
|
height: 340,
|
|
type: 'radar',
|
|
toolbar: {
|
|
show: false
|
|
}
|
|
},
|
|
series: [
|
|
{
|
|
name: "Rata-rata Dimensi Kesiapan Adopsi",
|
|
data: [{{ round($skorDimensi->skor_d2_sistem_praktik_budidaya, 2) }},
|
|
{{ round($skorDimensi->skor_d4_sosial_ekonomi, 2) }},
|
|
{{ round($skorDimensi->skor_d6_rantai_nilai_akses_pasar, 2) }}]
|
|
}
|
|
],
|
|
labels: ['Sistem & Praktik Budidaya', 'Sosial Ekonomi Rumah Tangga', 'Rantai Nilai & Akses Pasar'],
|
|
plotOptions: {
|
|
radar: {
|
|
polygons: {
|
|
strokeColors: borderColor,
|
|
connectorColors: borderColor
|
|
}
|
|
}
|
|
},
|
|
stroke: {
|
|
width: 2
|
|
},
|
|
legend: {
|
|
show: true,
|
|
fontSize: '13px',
|
|
position: 'bottom',
|
|
labels: {
|
|
colors: legendColor,
|
|
useSeriesColors: false
|
|
},
|
|
markers: {
|
|
height: 12,
|
|
width: 12
|
|
},
|
|
itemMargin: {
|
|
horizontal: 10
|
|
},
|
|
onItemHover: {
|
|
highlightDataSeries: false
|
|
}
|
|
},
|
|
colors: [config.colors.primary, config.colors.info],
|
|
fill: {
|
|
opacity: 0.85
|
|
},
|
|
markers: {
|
|
show: true,
|
|
width: 1,
|
|
},
|
|
grid: {
|
|
show: false,
|
|
padding: {
|
|
top: -25,
|
|
bottom: -5
|
|
}
|
|
},
|
|
xaxis: {
|
|
categories: ['D1', 'D2', 'D3'],
|
|
labels: {
|
|
show: true,
|
|
style: {
|
|
colors: [labelColor, labelColor, labelColor, labelColor, labelColor, labelColor],
|
|
fontSize: '13px',
|
|
fontFamily: fontFamily
|
|
}
|
|
}
|
|
},
|
|
yaxis: {
|
|
show: true,
|
|
min: 0,
|
|
max: 5,
|
|
tickAmount: 5
|
|
},
|
|
responsive: [
|
|
{
|
|
breakpoint: 769,
|
|
options: {
|
|
chart: {
|
|
height: 400
|
|
}
|
|
}
|
|
}
|
|
]
|
|
});
|
|
radarDimensi.render();
|
|
|
|
|
|
var radarKomponen = new ApexCharts($("#chart-komponen")[0],
|
|
options = {
|
|
chart: {
|
|
height: 340,
|
|
type: 'radar',
|
|
toolbar: {
|
|
show: false
|
|
}
|
|
},
|
|
series: [
|
|
{
|
|
name: "Rata-rata Komponen Kesiapan Adopsi",
|
|
data: [
|
|
{{ round($skorKomponen->skor_komp_1_d4_k3_motivasi_kapasitas_adopsi, 2) }},
|
|
{{ round($skorKomponen->skor_komp_2_d4_k2_ekonomi_rumah_tangga, 2) }},
|
|
{{ round($skorKomponen->skor_komp_3_d2_praktik_budidaya_gap, 2) }},
|
|
{{ round($skorKomponen->skor_komp_4_d4_k4_keterlibatan_kelembagaan, 2) }},
|
|
{{ round($skorKomponen->skor_komp_5_d4_k5_k6_akses_kebebasan_keuangan, 2) }},
|
|
{{ round($skorKomponen->skor_komp_6_d6_k1_k4_k5_rantai_nilai_akses_pasar, 2) }}
|
|
]
|
|
}
|
|
],
|
|
lotOptions: {
|
|
radar: {
|
|
polygons: {
|
|
strokeColors: borderColor,
|
|
connectorColors: borderColor
|
|
}
|
|
}
|
|
},
|
|
stroke: {
|
|
width: 2
|
|
},
|
|
legend: {
|
|
show: true,
|
|
fontSize: '13px',
|
|
position: 'bottom',
|
|
labels: {
|
|
colors: legendColor,
|
|
useSeriesColors: false
|
|
},
|
|
markers: {
|
|
height: 12,
|
|
width: 12
|
|
},
|
|
itemMargin: {
|
|
horizontal: 10
|
|
},
|
|
onItemHover: {
|
|
highlightDataSeries: false
|
|
}
|
|
},
|
|
colors: [config.colors.primary, config.colors.info],
|
|
fill: {
|
|
opacity: 0.85
|
|
},
|
|
markers: {
|
|
show: true,
|
|
width: 1,
|
|
},
|
|
grid: {
|
|
show: false,
|
|
padding: {
|
|
top: -25,
|
|
bottom: -5
|
|
}
|
|
},
|
|
xaxis: {
|
|
categories: ['K1', 'K2', 'K3', 'K4', 'K5', 'K6'],
|
|
labels: {
|
|
show: true,
|
|
style: {
|
|
colors: [labelColor, labelColor, labelColor, labelColor, labelColor, labelColor],
|
|
fontSize: '13px',
|
|
fontFamily: fontFamily
|
|
}
|
|
}
|
|
},
|
|
yaxis: {
|
|
show: true,
|
|
min: 0,
|
|
max: 5,
|
|
tickAmount: 5
|
|
},
|
|
responsive: [
|
|
{
|
|
breakpoint: 769,
|
|
options: {
|
|
chart: {
|
|
height: 400
|
|
}
|
|
}
|
|
}
|
|
]
|
|
});
|
|
radarKomponen.render();
|
|
});
|
|
</script>
|
|
@endpush
|