$(function () {
    $('#pma').highcharts({
        chart: {
            type: 'area'
        },
		colors: [
            '#00e600','#ff0066'
            ],		
        title: {
            text: 'Target dan Realisasi PMA'
        },
        subtitle: {
            text: 'Sesuai Laporan Kegiatan Penanaman Modal Tahun 2012-2017'
        },
        xAxis: {
            categories: ['2012', '2013', '2014', '2015', '2016', '2017']
        },

        yAxis: {
            allowDecimals: true,
            min: 0,
            title: {
                text: '<b>Juta US $</b>'
            }
        },
        tooltip: {
            shared: true,
            valueSuffix: ' '
        },
        plotOptions: {
            area: {
                stacking: 'normal',
                lineColor: '#666666',
                lineWidth: 1,
                marker: {
                    lineWidth: 1,
                    lineColor: '#666666'
                }
            }
        },
        series: [{
            name: 'Target PMA',
            data: [10,15, 25, 40, 15, 13.15],
        }, {
            name: 'Realisasi PMA',
            data: [7.08, 5.46, 18.92, 69.55, 9.56, 12.69],			
        }
		]
    });
});


$(function () {
    $('#pmdn').highcharts({
        chart: {
            type: 'areaspline'
        },
        title: {
            text: 'Target dan Realisasi PMDN'
        },
        subtitle: {
            text: 'Sesuai Laporan Kegiatan Penanaman Modal Tahun 2012-2017'
        },
        legend: {
            layout: 'vertical',
            align: 'left',
            verticalAlign: 'top',
            x: 150,
            y: 100,
            floating: true,
            borderWidth: 1,
            backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'
        },
        xAxis: {
            categories: ['2012', '2013', '2014', '2015', '2016', '2017']
        },
        yAxis: {
            title: {
                text: '<b>Milyar Rp.</b>'
            }
        },
        tooltip: {
            shared: true,
            valueSuffix: ' '
        },
        credits: {
            enabled: false
        },
        plotOptions: {
            areaspline: {
                fillOpacity: 0.5
            }
        },
        series: [{
            name: 'Target PMDN',
            data: [4,1000, 1500, 2000, 2000, 1100],
        }, {
            name: 'Realisasi PMDN',
            data: [4.76, 1322.63, 2658.32, 4463.4, 694.72, 927.36],	
        }]
    });
});
	
$(function () {
    $('#tkpma').highcharts({
        chart: {
            type: 'column',	
        },
        title: {
            text: 'Perkembangan Tenaga Kerja Indonesia'
        },
        xAxis: {
            categories: [2012, 2013, 2014, 2015, 2016, 2017]
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Jumlah'
            },
            stackLabels: {
                enabled: true,
                style: {
                    fontWeight: 'bold',
                    color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
                }
            }
        },
        legend: {
            align: 'right',
            x: -30,
            verticalAlign: 'top',
            y: 25,
            floating: true,
            backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
            borderColor: '#CCC',
            borderWidth: 1,
            shadow: false
        },
        tooltip: {
            headerFormat: '<b>{point.x}</b><br/>',
            pointFormat: '{series.name}: {point.y}<br/>Total: {point.stackTotal}'
        },
        plotOptions: {
            column: {
                stacking: 'normal',
                dataLabels: {
                    enabled: true,
                    color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
                    style: {
                        textShadow: '0 0 3px black'
                    }
                }
            }
        },
        series: [{
            name: 'PMA',
            data: [5547, 1044, 1301, 885, 289,143],
			color :'#ff9980'
        }, {
            name: 'PMDN',
            data: [228, 946, 1005, 9185,1987,5552],
			color :'#66ccff'
        }]
    });
});

$(function () {
    $('#tkpmdn').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'Perkembangan Tenaga Kerja Asing'
        },
        xAxis: {
            categories: [2012, 2013, 2014, 2015, 2016, 2017]
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Jumlah'
            },
            stackLabels: {
                enabled: true,
                style: {
                    fontWeight: 'bold',
                    color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
                }
            }
        },
        legend: {
            align: 'right',
            x: -30,
            verticalAlign: 'top',
            y: 25,
            floating: true,
            backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
            borderColor: '#CCC',
            borderWidth: 1,
            shadow: false
        },
        tooltip: {
            headerFormat: '<b>{point.x}</b><br/>',
            pointFormat: '{series.name}: {point.y}<br/>Total: {point.stackTotal}'
        },
        plotOptions: {
            column: {
                stacking: 'normal',
                dataLabels: {
                    enabled: true,
                    color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
                    style: {
                        textShadow: '0 0 3px black'
                    }
                }
            }
        },
        series: [{
            name: 'PMA',
            data: [9, 7, 10, 0, 1,1],
			color :'#669999'
        }, {
            name: 'PMDN',
            data: [1, 1, 253, 14, 1,0],
			color :'#9966ff'
        }]
    });
});