PieChart - Label connectors cross other labels if resolveLabelOverlapping is "shift" in certain scenarios

I was attempting to replicate how an old version of the WebForms WebChartControl displayed labels in dxPieChart, (which turned out to be more complex than I would have imagined, but maybe I am missing something) and noticed the label connectors can sometimes draw over top of other labels. See the attached example.

Is there some way to avoid this?

Here is the code:

JavaScript
donut.dxPieChart({  
    type: 'doughnut',  
    palette: 'Soft Blue',  
    dataSource: chartData,  
    legend: {  
        visible: false  
    },  
    resolveLabelOverlapping: 'shift',  
    animation: true,  
    redrawOnResize: true,  
    tooltip: {  
        enabled: true,  
        format: "fixedPoint",  
        customizeTooltip: function (args) {  
            return {  
                text: args.argumentText + '<br/>' + args.valueText + ' docs'  
            }  
        }  
    },  
    customizeLabel: function (pointInfo) {  
        // Surely there is a better way to get the current point's color?  
        var col = pointInfo.series._points[pointInfo.index]._styles.normal.fill;  
        return {  
            font : { color: col },  
            border: { color: col }  
        };  
    },  
    series: [  
        {  
            argumentField: 'title',  
            valueField: 'value',  
            label: {  
                visible: true,  
                backgroundColor: '#FFFFFF',  
                border: {  
                    visible : true  
                },  
                position : 'columns',  
                connector: {  
                    visible: true  
                },  
                customizeText: function(point) {  
                    return point.argumentText + ": " + point.percentText;  
                    }  
            },  
            smallValuesGrouping: {  
                <%= SmallValuesGrouping %>  
            }  
        }  
    ]  
});