Charts 减少饼图Sencha touch中标注线的长度

下面是我在Sencha touch应用程序中的饼图代码。我面临的问题是，每当显示图表的空间不足以容纳所有标签时，都会有详图索引线和标签，但我希望这些详图索引线的长度比现在短，因为它们不适合我的屏幕，标签会被剪切

我找不到正确的配置属性

编辑-图像中的两个图表具有相同的代码，并放置在容器中的hbox布局中

{
         xtype: 'polar',
         itemId: 'pieChart',
         background: 'white',
         store: 'GraphsStore',
         shadow: true,
         innerPadding: 25,
         //bind the chart to a store with the following structure
         //interactions: ['rotate'],

         colors: ["#115fa6", "#94ae0a", "#a61120", "#ff8809", "#ffd13e", "#a61187", "#24ad9a", "#7c7474", "#a66111"],

         //configure the legend.
         legend: {
            position: 'top',
            //width: 100
            hidden: true
         },

         //describe the actual pie series.
         series: [{
            type: 'pie',
            xField: 'g1',
            renderer: function(sprite, config, rendererData, index) {
               var changes = {},
                  store = rendererData.store,
                  curentRecord = store.getData().items[index];
               var text = curentRecord.data.g1;
               changes.text = text;
               return changes;
            },

            label: {
               field: 'name',
               display: 'rotate',
               font: '8px'
            },

            donut: 25,

            style: {
               miterLimit: 5,
               lineCap: 'miter',
               lineWidth: 1
            }
         }]
      }

任何提示都会有帮助！

---

谢谢。

在chart/series/sprite/piesicle.js中，修改以下两行：

x = centerX + Math.cos(midAngle) * (endRho + 40);
y = centerY + Math.sin(midAngle) * (endRho + 40);

将40改为较小的数字