ElementStacks

HTML

<script src="http://highcharts.com/js/testing.js"></script>
<div id="container" style="height: 400px"></div>

JavaScript

$.extend(Highcharts.Renderer.prototype.symbols, {
    country1: function() {
        return ['M', 30, 30, 'L', 210, 210, 210, 300, 100, 280];
    },
    country2: function() {
        return ['M', 30, 30, 'L', 210, 210, 400, 150];             
    },
    country3: function() {
        return ['M', 210, 210, 'L', 400, 150, 210,300];             
    }
});

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'scatter',
        width: 500,
        height: 400,
        borderWidth: 1,
        margin: 20
    },
    xAxis: {
        labels: {
            enabled: false
        },
        tickWidth: 0

    },
    yAxis: {
        labels: {
            enabled: false
        },
        gridLineWidth: 0,
        title: {
            text: null
        }
    },

    series: [{
        data: [{
            x: 0,
            y: 0,
            name: 'Country 1',
            marker: {
                symbol: 'country1'
            }
        }]
    }, {
        data:[{
            x: 0,
            y: 0,
            name: 'Country 2',
            marker: {
                symbol: 'country2'
            }
        }]
    }, {
        data:[{
            x: 0,
            y: 0,
            name: 'Country 3',
            marker: {
                symbol: 'country3'
            }
        }]
    }]
});