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;
    }
});

そのため、ラベルは常に円グラフ内にあります。