migration to lepi merah

main-gitea-akuncoa
Zelda Ababil 2024-02-05 19:34:47 +07:00
parent 636dd62ea6
commit 8796b38a25
3 changed files with 29 additions and 10 deletions

View File

@ -105,8 +105,10 @@
<!-- ./chart-responsive --> <!-- ./chart-responsive -->
</div> </div>
<div class="col-md-12"> <div class="col-md-12">
<br>
<ul class="chart-legend clearfix" id="menuNasiLegend"> <ul class="chart-legend clearfix" id="menuNasiLegend">
</ul> </ul>
<br>
<!-- ./chart-responsive --> <!-- ./chart-responsive -->
</div> </div>
<!-- /.row --> <!-- /.row -->
@ -138,8 +140,10 @@
<!-- ./chart-responsive --> <!-- ./chart-responsive -->
</div> </div>
<div class="col-md-12"> <div class="col-md-12">
<br>
<ul class="chart-legend clearfix" id="menuSambalLegend"> <ul class="chart-legend clearfix" id="menuSambalLegend">
</ul> </ul>
<br>
<!-- ./chart-responsive --> <!-- ./chart-responsive -->
</div> </div>
<!-- /.row --> <!-- /.row -->
@ -172,9 +176,18 @@
<!-- ./chart-responsive --> <!-- ./chart-responsive -->
</div> </div>
<div class="col-md-12"> <div class="col-md-12">
<ul class="chart-legend clearfix" id="menuLaukLegend"> <div class="row">
</ul> <div class="col-md-6">
<!-- ./chart-responsive --> <ul class="chart-legend clearfix" id="menuLaukLegend1">
</ul>
<!-- ./chart-responsive -->
</div>
<div class="col-md-6">
<ul class="chart-legend clearfix" id="menuLaukLegend2">
</ul>
<!-- ./chart-responsive -->
</div>
</div>
</div> </div>
</div> </div>
<!-- /.row --> <!-- /.row -->

View File

@ -62,7 +62,7 @@
// You can switch between pie and douhnut using the method below. // You can switch between pie and douhnut using the method below.
// eslint-disable-next-line no-unused-vars // eslint-disable-next-line no-unused-vars
var pieChart = new Chart(pieChartCanvas, { var pieChart = new Chart(pieChartCanvas, {
type: 'doughnut', type: 'pie',
data: pieData, data: pieData,
options: pieOptions options: pieOptions
}) })
@ -103,7 +103,7 @@
// You can switch between pie and douhnut using the method below. // You can switch between pie and douhnut using the method below.
// eslint-disable-next-line no-unused-vars // eslint-disable-next-line no-unused-vars
var pieChart = new Chart(pieChartCanvas, { var pieChart = new Chart(pieChartCanvas, {
type: 'doughnut', type: 'pie',
data: pieData, data: pieData,
options: pieOptions options: pieOptions
}) })
@ -229,11 +229,18 @@
var color = ['#605ca8', '#ff851b', '#00a65a', '#f39c12', '#00c0ef', '#3c8dbc', '#d2d6de', '#f56954', '#4b0082', var color = ['#605ca8', '#ff851b', '#00a65a', '#f39c12', '#00c0ef', '#3c8dbc', '#d2d6de', '#f56954', '#4b0082',
'#ff0000' '#ff0000'
]; ];
var menuLaukLegend = $('#menuLaukLegend'); var menuLaukLegend1 = $('#menuLaukLegend1');
var menuLaukLegend2 = $('#menuLaukLegend2');
$.each(data.labels, function(index, value) { $.each(data.labels, function(index, value) {
menuLaukLegend.append('<li><i class="far fa-circle" style="color:' + if (index > 4) {
color[index] + '"></i> ' + value + ' : ' + data.data[ menuLaukLegend2.append('<li><i class="far fa-circle" style="color:' +
index] + '</li>'); color[index] + '"></i> ' + value + ' : ' + data.data[
index] + '</li>');
} else {
menuLaukLegend1.append('<li><i class="far fa-circle" style="color:' +
color[index] + '"></i> ' + value + ' : ' + data.data[
index] + '</li>');
}
}); });
var pieData = { var pieData = {
labels: data.labels, labels: data.labels,

View File

@ -287,7 +287,6 @@
id: id id: id
}, },
success: function(result) { success: function(result) {
console.log(result);
if (result.status) { if (result.status) {
Swal.fire( Swal.fire(
'Berhasil!', 'Berhasil!',