migration to lepi merah
parent
636dd62ea6
commit
8796b38a25
|
@ -105,8 +105,10 @@
|
|||
<!-- ./chart-responsive -->
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<br>
|
||||
<ul class="chart-legend clearfix" id="menuNasiLegend">
|
||||
</ul>
|
||||
<br>
|
||||
<!-- ./chart-responsive -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
|
@ -138,8 +140,10 @@
|
|||
<!-- ./chart-responsive -->
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<br>
|
||||
<ul class="chart-legend clearfix" id="menuSambalLegend">
|
||||
</ul>
|
||||
<br>
|
||||
<!-- ./chart-responsive -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
|
@ -172,10 +176,19 @@
|
|||
<!-- ./chart-responsive -->
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<ul class="chart-legend clearfix" id="menuLaukLegend">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<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>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
|
|
|
@ -62,7 +62,7 @@
|
|||
// You can switch between pie and douhnut using the method below.
|
||||
// eslint-disable-next-line no-unused-vars
|
||||
var pieChart = new Chart(pieChartCanvas, {
|
||||
type: 'doughnut',
|
||||
type: 'pie',
|
||||
data: pieData,
|
||||
options: pieOptions
|
||||
})
|
||||
|
@ -103,7 +103,7 @@
|
|||
// You can switch between pie and douhnut using the method below.
|
||||
// eslint-disable-next-line no-unused-vars
|
||||
var pieChart = new Chart(pieChartCanvas, {
|
||||
type: 'doughnut',
|
||||
type: 'pie',
|
||||
data: pieData,
|
||||
options: pieOptions
|
||||
})
|
||||
|
@ -229,11 +229,18 @@
|
|||
var color = ['#605ca8', '#ff851b', '#00a65a', '#f39c12', '#00c0ef', '#3c8dbc', '#d2d6de', '#f56954', '#4b0082',
|
||||
'#ff0000'
|
||||
];
|
||||
var menuLaukLegend = $('#menuLaukLegend');
|
||||
var menuLaukLegend1 = $('#menuLaukLegend1');
|
||||
var menuLaukLegend2 = $('#menuLaukLegend2');
|
||||
$.each(data.labels, function(index, value) {
|
||||
menuLaukLegend.append('<li><i class="far fa-circle" style="color:' +
|
||||
if (index > 4) {
|
||||
menuLaukLegend2.append('<li><i class="far fa-circle" style="color:' +
|
||||
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 = {
|
||||
labels: data.labels,
|
||||
|
|
|
@ -287,7 +287,6 @@
|
|||
id: id
|
||||
},
|
||||
success: function(result) {
|
||||
console.log(result);
|
||||
if (result.status) {
|
||||
Swal.fire(
|
||||
'Berhasil!',
|
||||
|
|
Loading…
Reference in New Issue