Hello David,

You could use scatter series of igDataChart, and replace data point with corresponding image. You can use markerTemplate option of scatter series, and can assign your image to each data point in render function.

$(selector).igDataChart({
    ...
    series: [{
        name: "scatter",
        type: "scatter",
        ...
        markerTemplate: {
            render: function (renderInfo) {
                var img = new Image();
                img.src = "http://users.infragistics.com/ignite/ignite-white.png";
                var ctx = renderInfo.context;
                ctx.drawImage(img, renderInfo.xPosition - 30, renderInfo.yPosition - 25, 70, 70);
            }
        }
    }],
});

https://www.igniteui.com/help/api/2017.2/ui.igDataChart#options:series.markerTemplate

The attached sample contains the above code and you can use it as a reference. If you have any question with this, please let me know.

igDataChart_Scatter.zip