केंडो यूआई DataViz में, मैं कैसे पाई चार्ट

Question

इस उदाहरण को देखें अंदर लेबल जगह है: http://jsfiddle.net/mcLEb/

jQuery("#grid").kendoChart(
    { 
     theme: jQuery(document).data("kendoSkin") || "default", 
     legend: 
     { 
      position: "bottom" 
     }, 
     chartArea: { 
      height: 200 
     }, 
     seriesDefaults: 
     { 
      labels: 
      { 
       visible: true, 
       format: "{0}%", 
       font: "12px Arial", 
       center: '5%' 
      } 
     }, 
     series: [{ 
      type: "pie", 
      data:[70,20,10] 
     }], 
     tooltip: 
     { 
      visible: false, 
      template: "${ category } - ${ value }%" 
     }, 
     title: { padding: 1, margin: 1 }, 
     seriesColors: ["#d15400", "#d2d2d2","#01619e"], 
     plotArea: { margin: { left: 50, right: 50 } }, 
    }); 

अधिक स्पष्टीकरण: अभी, लेबल के साथ पाइ चार्ट के बाहर स्थित हैं एक तीर उनके संबंधित पाई खंड को इंगित करता है। मैं लेबल खुद को अपने संबंधित पाई सेक्शन में रखना चाहता हूं।

मुझे पता है कि एक पाई अनुभाग इसके अंदर वास्तविक पाठ से छोटा हो सकता है, लेकिन मैं इसे संभालेगा।

अग्रिम धन्यवाद!

Answer 1

नीचे कोड ("केन्द्र" के रूप में सेट स्थिति) का उपयोग

seriesDefaults: 
    { 
     labels: 
     {     
      position: "center", 
      visible: true, 
      format: "{0}%", 
      font: "12px Arial", 
     } 
    } 

Answer 2

मुझे यह करने का सबसे अच्छा तरीका है लेबल के अंदर स्थिति का उपयोग करना।

seriesDefaults: 
    { 
     labels: 
     {     
      position: "insideEnd", 
      visible: true, 
      format: "{0}%", 
      font: "12px Arial", 
      center: '5%' 
     } 
    } 

एक और तरीका जो कम विश्वसनीय था लेबल पर नकारात्मक दूरी संपत्ति का उपयोग करना था।

seriesDefaults: 
    { 
     labels: 
     {     
      distance: -10, 
      visible: true, 
      format: "{0}%", 
      font: "12px Arial", 
      center: '5%' 
     } 
    }