TANAMAN PANGAN DAN HORTIKULTURA
PROVINSI JAWA BARAT
| No | Jenis | Produksi (Ton) | Pengadaan (Ton) | Penyaluran (Ton) | Stok (Ton) |
|---|---|---|---|---|---|
| 1 | 2009 | 60 | 0 | 0 | 60 |
| 2 | 2016 | 32773 | 0 | 0 | 32773 |
| 3 | 2017 | 76401 | 0 | 0 | 76401 |
| 4 | 2018 | 43069 | 0 | 0 | 43069 |
| 5 | 2019 | 22964 | 4604 | 1152 | 26415 |
| 6 | 2020 | 16259 | 1826 | 9759 | 8325 |
| 7 | 2021 | 0 | 134 | 0 | 134 |
new Morris.Bar({
element: 'graph_pdn',
data: [
{x:'2009', y:60, z:0, a:0, b:60},
{x:'2016', y:32773, z:0, a:0, b:32773},
{x:'2017', y:76401, z:0, a:0, b:76401},
{x:'2018', y:43069, z:0, a:0, b:43069},
{x:'2019', y:22964, z:4604, a:1152, b:26415},
{x:'2020', y:16259, z:1826, a:9759, b:8325},
{x:'2021', y:0, z:134, a:0, b:134}
],
xkey: 'x',
ykeys: ['y','z','a','b'],
resize: true,
barColors: ['#ca42c9','#428bca','#c4ca42','#e27445'],
labels: ['Produksi','Pengadaan','Disalurkan','Stok']
}).on('click', function(i, row){
console.log(i, row);
});
| No | Jenis | Produksi (Ton) | Pengadaan (Ton) | Penyaluran (Ton) | Stok (Ton) |
|---|---|---|---|---|---|
| 1 | 2017 | 57 | 0 | 0 | 57 |
| 2 | 2018 | 83 | 0 | 0 | 83 |
| 3 | 2019 | 182 | 116 | 0 | 299 |
| 4 | 2020 | 190 | 276 | 8 | 458 |
| 5 | 2021 | 0 | 24 | 0 | 24 |
Morris.Bar({
element: 'graph_pdh',
data: [
{x:'2017', y:57, z:0, a:0, b:57},
{x:'2018', y:83, z:0, a:0, b:83},
{x:'2019', y:182, z:116, a:0, b:299},
{x:'2020', y:190, z:276, a:8, b:458},
{x:'2021', y:0, z:24, a:0, b:24}
],
xkey: 'x',
ykeys: ['y','z','a','b'],
resize: true,
barColors: ['#ca42c9','#428bca','#c4ca42','#e27445'],
labels: ['Produksi','Pengadaan','Disalurkan','Stok']
}).on('click', function(i, row){
console.log(i, row);
});
| No | Jenis | Produksi (Ton) | Pengadaan (Ton) | Penyaluran (Ton) | Stok (Ton) |
|---|---|---|---|---|---|
| 1 | 2016 | 7 | 0 | 0 | 7 |
| 2 | 2017 | 5 | 0 | 0 | 5 |
| 3 | 2018 | 6 | 0 | 0 | 6 |
| 4 | 2019 | 2 | 0 | 0 | 1 |
| 5 | 2020 | 2 | 0 | 0 | 2 |
Morris.Bar({
element: 'graph_jgb',
data: [
{x:'2016', y:7, z:0, a:0, b:7},
{x:'2017', y:5, z:0, a:0, b:5},
{x:'2018', y:6, z:0, a:0, b:6},
{x:'2019', y:2, z:0, a:0, b:1},
{x:'2020', y:2, z:0, a:0, b:2}
],
xkey: 'x',
ykeys: ['y','z','a','b'],
resize: true,
barColors: ['#ca42c9','#428bca','#c4ca42','#e27445'],
labels: ['Produksi','Pengadaan','Disalurkan','Stok']
}).on('click', function(i, row){
console.log(i, row);
});
| No | Jenis | Produksi (Ton) | Pengadaan (Ton) | Penyaluran (Ton) | Stok (Ton) |
|---|---|---|---|---|---|
| 1 | 2018 | 71 | 0 | 0 | 71 |
| 2 | 2019 | 92 | 1946 | 20 | 2018 |
| 3 | 2020 | 0 | 10483 | 1018 | 9465 |
| 4 | 2021 | 0 | 76 | 0 | 76 |
Morris.Bar({
element: 'graph_jgh',
data: [
{x:'2018', y:71, z:0, a:0, b:71},
{x:'2019', y:92, z:1946, a:20, b:2018},
{x:'2020', y:0, z:10483, a:1018, b:9465},
{x:'2021', y:0, z:76, a:0, b:76}
],
xkey: 'x',
ykeys: ['y','z','a','b'],
resize: true,
barColors: ['#ca42c9','#428bca','#c4ca42','#e27445'],
labels: ['Produksi','Pengadaan','Disalurkan','Stok']
}).on('click', function(i, row){
console.log(i, row);
});
| No | Jenis | Produksi (Ton) | Pengadaan (Ton) | Penyaluran (Ton) | Stok (Ton) |
|---|---|---|---|---|---|
| 1 | 2016 | 1374 | 0 | 0 | 1374 |
| 2 | 2017 | 4907 | 0 | 0 | 4907 |
| 3 | 2018 | 3959 | 0 | 0 | 3959 |
| 4 | 2019 | 1733 | 551 | 54 | 2230 |
| 5 | 2020 | 713 | 187 | 0 | 900 |
| 6 | 2021 | 0 | 17 | 0 | 17 |
Morris.Bar({
element: 'graph_kdl',
data: [
{x:'2016', y:1374, z:0, a:0, b:1374},
{x:'2017', y:4907, z:0, a:0, b:4907},
{x:'2018', y:3959, z:0, a:0, b:3959},
{x:'2019', y:1733, z:551, a:54, b:2230},
{x:'2020', y:713, z:187, a:0, b:900},
{x:'2021', y:0, z:17, a:0, b:17}
],
xkey: 'x',
ykeys: ['y','z','a','b'],
resize: true,
barColors: ['#ca42c9','#428bca','#c4ca42','#e27445'],
labels: ['Produksi','Pengadaan','Disalurkan','Stok']
}).on('click', function(i, row){
console.log(i, row);
});
