Highcharts Показывает только последний маркер на перекрытии

Question

У меня есть диаграмма рассеяния старших карт, использующая пользовательский маркер. График анимируется так, что в начале все точки начинаются с 0, а затем расходятся оттуда.

Каждый маркер является представителем одного человека, поэтому мы хотим показать все маркеры, даже если они перекрываются. Я попытался настроить радиус маркера, но это ничего не изменило.

Есть ли способ добавить интервал, чтобы все маркеры, которые перекрываются, все еще отображались, даже если это означает отталкивание их от действительной координаты x / y и отсутствие 100% точности визуально?

    Highcharts.chart('chart_div', {
        chart: {
            type: 'scatter',
            zoomType: 'xy'
        },
        title: {
            text: null
        },
        xAxis: {
            categories: [2012, 2013, 2014, 2015, 2016],
            title: {
                enabled: false,
            },
            startOnTick: true,
            endOnTick: true,
            showLastLabel: true,
            min: 2012,
            max: 2016,
        },
        yAxis: {
            title: {
                text: 'Units Attempted'
            },
            min: 0,
            max: 160
        },
        legend: {
            enabled: false,             
        },
        plotOptions: {
            scatter: {
                marker: {
                    radius: 5,
                    states: {
                        hover: {
                            enabled: true,
                            lineColor: 'rgb(100,100,100)'
                        }
                    }
                },
                states: {
                    hover: {
                        marker: {
                            enabled: false
                        }
                    }
                },
            }
        },
        series: [
        {
            name: 'Student 1',
            color: 'rgba(223, 83, 83, .5)',
            data: [{x:2012, y:0}, {x:2013, y:24}],
            marker: {
                symbol: 'url(marker.png)'
            }
        }, 
        {
            name: 'Student 2',
            color: 'rgba(223, 83, 83, .5)',
            data: [{x:2012, y:0, x:2013, y:16}],
            marker: {
                symbol: 'url(marker.png)'
            },
        },          
        ]

    });