饼图 - 标签进出

时间:2013-07-09 18:30:10

标签: extjs sencha-touch sencha-touch-2 sencha-architect sencha-charts

饼图上的标签对我来说很好。 饼图外的标签不是,我想让它们消失,因为在Iphone或大小的屏幕上,标签弹出饼图并且大部分时间都不在屏幕之外。

我没有在Sencha Architect找到任何允许我为标签覆盖这种机制的东西。有人有想法吗?

enter image description here

1 个答案:

答案 0 :(得分:0)

您必须扩展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;
    }
});

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