function get_data() {
    $.getJSON("http://tour-pedia.org/api/getPlacesStatistics", function(data) {
        build_bar_chart(data);
    });
}

function build_bar_chart(data) {
    $('#bar_chart').highcharts({
        chart: {
            type: 'bar'
        },
        title: {
            text: ''
        },
        xAxis: {
            categories: ['Amsterdam', 'Barcelona', 'Berlin', 'Dubai', 'London', 'Paris', 'Rome', 'Tuscany'],
            title: {
                text: null
            }
        },
        yAxis: {
            min: 0,
            title: {
                text: 'N° of Resources',
                align: 'high'
            },
            labels: {
                overflow: 'justify'
            }
        },
        plotOptions: {
            bar: {
                dataLabels: {
                    enabled: true
                }
            }
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'top',
            x: -40,
            y: 100,
            floating: true,
            borderWidth: 1,
            backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor || '#FFFFFF'),
            shadow: true
        },
        credits: {
            enabled: false
        },
        series: [{
            name: 'Accommodation',
            data: [data['Amsterdam']['accommodation'], data['Barcelona']['accommodation'], data['Berlin']['accommodation'], data['Dubai']['accommodation'], data['London']['accommodation'], data['Paris']['accommodation'], data['Rome']['accommodation'], data['Tuscany']['accommodation']]
        }, {
            name: 'Attraction',
            data: [data['Amsterdam']['attraction'], data['Barcelona']['attraction'], data['Berlin']['attraction'], data['Dubai']['attraction'], data['London']['attraction'], data['Paris']['attraction'], data['Rome']['attraction'], data['Tuscany']['attraction']]
        }, {
            name: 'Point of Interest',
            data: [data['Amsterdam']['poi'], data['Barcelona']['poi'], data['Berlin']['poi'], data['Dubai']['poi'], data['London']['poi'], data['Paris']['poi'], data['Rome']['poi'], data['Tuscany']['poi']]
        }, {
            name: 'Restaurant',
            data: [data['Amsterdam']['restaurant'], data['Barcelona']['restaurant'], data['Berlin']['restaurant'], data['Dubai']['restaurant'], data['London']['restaurant'], data['Paris']['restaurant'], data['Rome']['restaurant'], data['Tuscany']['restaurant']]
        }]
    });
}