Use custom images as bubbles on XY chart

by amcharts

HTML

<script type="text/javascript" src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/xy.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/themes/none.js"></script>
<p class="disclaimer">This example uses free icon set by <a href="http://deleket.deviantart.com/art/Face-Avatars-107881096" target="_blank">deleket</a></p>
<div id="chartdiv"></div>

CSS

#chartdiv {
	width	: 100%;
	height	: 500px;
}

JavaScript

var chart = AmCharts.makeChart("chartdiv", {
    "type": "xy",
	"theme": "none",
    "pathToImages": "http://www.amcharts.com/lib/3/images/",
    "dataProvider": [{
        "y": 10,
        "x": 14,
        "value": 59,
        "y2": -5,
        "x2": 0,
        "value2": 44,
        "image": "http://extra.amcharts.com/images/faces/A04.png",
        "image2": "http://extra.amcharts.com/images/faces/FC03.png"
    }, {
        "y": 5,
        "x": 3,
        "value": 50,
        "y2": -15,
        "x2": -8,
        "value2": 12,
        "image": "http://extra.amcharts.com/images/faces/C02.png",
        "image2": "http://extra.amcharts.com/images/faces/FD03.png"
    }, {
        "y": -10,
        "x": -3,
        "value": 19,
        "y2": -4,
        "x2": 6,
        "value2": 35,
        "image": "http://extra.amcharts.com/images/faces/D02.png",
        "image2": "http://extra.amcharts.com/images/faces/FE05.png"
    }, {
        "y": -6,
        "x": 5,
        "value": 65,
        "y2": -5,
        "x2": -6,
        "value2": 168,
        "image": "http://extra.amcharts.com/images/faces/E01.png",
        "image2": "http://extra.amcharts.com/images/faces/FG01.png"
    }, {
        "y": 15,
        "x": -4,
        "value": 92,
        "y2": -10,
        "x2": -8,
        "value2": 102,
        "image": "http://extra.amcharts.com/images/faces/F05.png",
        "image2": "http://extra.amcharts.com/images/faces/FH03.png"
    }, {
        "y": 13,
        "x": 1,
        "value": 8,
        "y2": -2,
        "x2": -3,
        "value2": 41,
        "image": "http://extra.amcharts.com/images/faces/O03.png",
        "image2": "http://extra.amcharts.com/images/faces/FI02.png"
    }, {
        "y": 1,
        "x": 6,
        "value": 35,
        "y2": 0,
        "x2": 1,
        "value2": 16,
        "image": "http://extra.amcharts.com/images/faces/A04.png",
        "image2": "http://extra.amcharts.com/images/faces/A04.png"
    }],
    "valueAxes": [{
       ...