在highcharts热图中的点的交点处绘制圆

Question

我有一个热图，其中X轴和Y轴动态填充。我使用下面的代码在X和Y的交点处渲染一个圆。这是基于一个小提琴，它是为散点图完成的，并在前5个高图中工作。现在它没有用。任何帮助将不胜感激。

这是添加到销售热图的代码部分：

    var circleX = 'Lukas';
    var circleY = 'Wednesday';
    var circleR = 1.0;

    function addCircle(chart){
        if (this.circle){
            $(this.circle.element).remove();
        }

        var pixelX = chart.xAxis[0].toPixels(chart.xAxis[0].categories.indexOf(circleX));
        var pixelY = chart.yAxis[0].toPixels(chart.yAxis[0].categories.indexOf(circleY));
        var pixelR = chart.xAxis[0].toPixles(circleR) - chart.xAxis[0].toPixels(0);

这是一个小提琴：Fiddle