Add custom images in highstock series
<p>Does anyone know how to add custom images in highstock?</p>

<p>I have tried but unable to add image. Here's a jsfiddle <a href="http://jsfiddle.net/o81u7rjm/1/" rel="nofollow">link</a> and here is the reference <a href="http://api.highcharts.com/highstock/series%3Cflags%3E.shape" rel="nofollow">link</a>.</p>

<p>Javascript Code</p>

<pre><code>$(function () {
    $.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=usdeur.json&amp;callback=?', function (data) {

        var year = new Date(data[data.length - 1][0]).getFullYear(); // Get year of last data point

        // Create the chart
        $('#container').highcharts('StockChart', {


            rangeSelector: {
                selected: 1
            },

            title: {
                text: 'USD to EUR exchange rate'
            },

            yAxis: {
                title: {
                    text: 'Exchange rate'
                }
            },

            series: [{
                name: 'USD to EUR',
                data: data,
                id: 'dataseries',
                tooltip: {
                    valueDecimals: 4
                }
            }, {
                type: 'flags',
                data: [{
                    x: Date.UTC(year, 4, 28),
                }],
                onSeries: 'dataseries',
                // Here I used the custom image
                shape: 'url(https://www.highcharts.com/samples/graphics/snow.png)',
                //shape: 'circlepin',
            }]
        });
    });
});
</code></pre>

<p>Custom image is working fine with highcharts. If there is any example related to this please let me know.
Thanks</p>