@extends('umrah.layouts.admin')
@section('content')
@endsection
@section('script')
/*
* BAR CHART
* ---------
*/
var bar_data = {
data : [['27/08', 20], ['28/08', 8], ['29/08', 4], ['30/08', 13], ['31/08', 17], ['01/09', 134]],
color: '#3c8dbc'
}
$.plot('#bar-chart', [bar_data], {
grid : {
borderWidth: 1,
borderColor: '#f3f3f3',
tickColor : '#f3f3f3'
},
series: {
bars: {
show : true,
barWidth: 0.5,
align : 'center'
}
},
xaxis : {
mode : 'categories',
tickLength: 0
}
})
/* END BAR CHART */
/*
* DONUT CHART
* -----------
*/
var donutData = [
{ label: 'Sudah', data: 30, color: '#3c8dbc' },
{ label: 'Belum', data: 50, color: '#00c0ef' }
]
$.plot('#donut-chart', donutData, {
series: {
pie: {
show : true,
radius : 1,
innerRadius: 0.5,
label : {
show : true,
radius : 2 / 3,
formatter: labelFormatter,
threshold: 0.1
}
}
},
legend: {
show: false
}
})
/*
* END DONUT CHART
*/
/*
* Custom Label formatter
* ----------------------
*/
function labelFormatter(label, series) {
return ''
+ label
+ '
'
+ Math.round(series.percent) + '%
'
}
@endsection