Hey everyone,

I'm using ExtJS 5.1.2 in conjunction with the sencha-charts package.
Smooth sailing so far, except I simply cannot get rid of a "label anchor line" or "callout line" that is created every time a bar label cannot be placed inside its corresponding bar.

The problem is: I don't know what these lines are called (because I've been working the the older draw/chart package up until now) and how to get rid of them.
I suspect them being calloutLines. I tried disabling them on the bar series (even by using a custom chart theme), but to no avail.

I've uploaded a screenshot to Imgur: https://i.imgur.com/HiLeAEm.jpg
Notice the "connecting" line between the label "keine Angabe" and its grey bar? That's what I am trying to remove.

Here's my chart config:

Code:
        xtype: "cartesian",
        itemId: "themeChart",
        flex: 1,
        margin: "0 6 0 0",
        flipXY: true,
        store: "ChartData",
        axes: [{
            type: "numeric",
            position: "bottom",
            grid: true
        }, {
            type: "category",
            position: "left",
            label: {
                hidden: true
            }
        }],
        series: [{
            type: "bar",
            xField: "name",
            yField: "count",
            axis: "bottom",
            useDarkerStrokeColor: false,
            style: {
                minBarWidth: 20,
                maxBarWidth: 20
            },
            label: {
                display: "insideEnd",
                field: "name",
                font: '12px "Segoe UI"'
            },
            tooltip: {
                trackMouse: true,
                renderer: function (record, ctx) {
                    var classCount = record.get("count");
                    var totalCount = Ext.getStore("ChartData").sum("count");
                    var percent = classCount / totalCount * 100;
                    this.setHtml(record.get("name") + ": " + classCount + " (" + percent.toFixed(1) + "%)");
                }
            },
            renderer: function (sprite, config, rendererData, index) {
                var record = rendererData.store.getAt(index);
                var color = record ? record.get("color") : "";
                if (color) {
                    return {
                        fillStyle: color,
                        strokeStyle: color
                    };
                }
            }
        }]
Can anyone point me in the right direction?
Thank you for your help!