Highcharts.chart("container", {
chart: {
type: "bar",
},
title: {
text: "Statistik Layanan Bebas Perpustakaan UIN Walisongo Tahun 2024",
},
xAxis: {
categories: ["S1"],
title: {
text: "Surat Keterangan Bebas Perpustakaan Yang Telah Diproses",
},
gridLineWidth: 10,
lineWidth: 0,
},
xAxis: {
type: "category",
labels: {
autoRotation: [-45, -90],
style: {
fontSize: "13px",
fontFamily: "Verdana, sans-serif",
},
},
},
yAxis: {
min: 0,
title: {
text: "Surat Keterangan Bebas Perpustakaan Yang Telah Diproses",
},
},
legend: {
enabled: false,
},
tooltip: {
pointFormat: "Bebas Perpus Diproses:
{point.y:.1f} Mahasiswa",
},
series: [
{
name: "Population",
colors: [
"#9b20d9",
"#9215ac",
"#861ec9",
"#7a17e6",
"#7010f9",
"#d6551e",
"#d66b1e",
"#d1762c",
"#d1812c",
"#cfaa17",
"#c5cf17",
"#cfc817",
"#cfbf17",
"#2f72c3",
"#277dbd",
"#1f88b7",
"#1693b1",
"#0a9eaa",
"#5f56a6",
"#7168ba",
"#8168ba",
"#8d68ba",
"#9568ba",
"#198fb3",
"#198fb3",
"#198fb3",
"#1794cf",
"#19a6c2",
"#0d9dba",
"#0da6bf",
"#0dafba",
"#0dbab4",
"#0dba64",
"#0dba4f",
"#0dba33",
"#66ba0d",
"#60ad0e",
"#73ad0e",
],
colorByPoint: true,
groupPadding: 0,
data: [
["S1-Bimbingan dan Penyuluhan Islam", 121],
["S1-Komunikasi dan Penyiaran Islam", 97],
["S1-Manajemen Dakwah", 93],
["S1-Manajemen Haji dan Umrah", 88],
["S1-Pengembangan Masyarakat Islam", 72],
["S1-Akuntansi Syari`ah", 104],
["S1-Ekonomi Syariah", 82],
["S1-Manajemen", 48],
["S1-Perbankan Syariah", 98],
["S1-Ilmu Politik", 74],
["S1-Sosiologi", 126],
["S1-Gizi", 101],
["S1-Psikologi", 173],
["S1-Ahwal al-Syakhsiyyah", 132],
["S1-Hukum Ekonomi Syariah", 124],
["S1-Hukum Pidana Islam", 112],
["S1-Ilmu Falak", 69],
["S1-Ilmu Hukum", 142],
["S1-Ilmu Seni dan Arsitektur Islam", 45],
["S1-Akhlak dan Tasawuf", 74],
["S1-Aqidah dan Filsafat Islam", 66],
["S1-Ilmu Al-Quran dan Tafsir", 138],
["S1-Studi Agama-agama", 45],
["S1-Biologi", 44],
["S1-Fisika", 24],
["S1-Kimia", 33],
["S1-Matematika", 41],
["S1-Pendidikan Biologi", 101],
["S1-Pendidikan Fisika", 62],
["S1-Pendidikan Kimia", 55],
["S1-Pendidikan Matematika", 103],
["S1-Teknologi Informasi", 71],
["S1-Manajemen Pendidikan Islam", 65],
["S1-Pendidikan Agama Islam", 130],
["S1-Pendidikan Bahasa Arab", 89],
["S1-Pendidikan Bahasa Inggris", 80],
["S1-Pendidikan Guru Madrasah Ibtidaiyah", 107],
["S1-Pendidikan Islam Anak Usia Dini", 80],
],
dataLabels: {
enabled: false,
rotation: -0,
color: "#FFFFFF",
inside: true,
verticalAlign: "top",
format: "{point.y:.1f}", // one decimal
y: 0, // 0 pixels down from the top
style: {
fontSize: "12px",
fontFamily: "Verdana, sans-serif",
},
},
},
],
})
.highcharts-figure,
.highcharts-data-table table {
min-width: 480px;
max-width: 1280px;
margin: 1em auto;
}
#container {
height: 840px;
}
.highcharts-data-table table {
font-family: Verdana, sans-serif;
border-collapse: collapse;
border: 1px solid #ebebeb;
margin: 10px auto;
text-align: center;
width: 100%;
max-width: 1280px;
}
.highcharts-data-table caption {
padding: 1em 0;
font-size: 1.2em;
color: #555;
}
.highcharts-data-table th {
font-weight: 600;
padding: 0.9em;
}
.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
padding: 0.9em;
}
.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
background: #f8f8f8;
}
.highcharts-data-table tr:hover {
background: #f1f7ff;
}
.highcharts-description {
margin: 0.3rem 10px;
}
Komentar
Posting Komentar