extjs - 饼图 - 进出标签

Question

饼图上的标签对我来说很好。饼图之外的标签不是，我想让这些消失，因为在 iPhone 或这样大小的屏幕上，标签会从饼图中弹出，并且大部分时间都在屏幕之外。

我在 Sencha Architect 中没有发现任何东西可以让我覆盖这个标签机制。有人会有想法吗？

Answer 1

您必须扩展Ext.chart.series.sprite.PieSlice和覆盖该方法sliceContainsLabel：

Ext.define('yourNamespase.CustomPieSlice', {
    alias: 'sprite.custompieslice',
    extend: 'Ext.chart.series.sprite.PieSlice',

    inheritableStatics: {
        def: {
            defaults: {
                doCallout: false,
                rotateLabels: false,
                label: '',
                labelOverflowPadding: 10,
                renderer: null
            }
        }
    },

    sliceContainsLabel: function () {
        return 1;
    }
});

因此标签将始终位于饼图中。