KendoUI Pie Chart'in boyutu nasıl küçültülebilir?

Question

KendoUI pasta grafiğinin boyutunu nasıl azaltırsınız? Aşağıdaki yapılandırmayı kullanarak pasta grafiğini kullanıyorum. Kenar boşluklarını 1 piksele ve dolguyu 1 piksele ayarladım, ancak pasta grafiğinin nasıl işlendiğine herhangi bir etkisi olmadığı görülüyor. Başlığım yok ama başlık için hala alan var. Grafiğin üst kısmı ile lejant ve gerçek grafik arasındaki boşluk arasındaki boşluğu azaltmak istiyorum.

Benim yapılandırma:

jQuery("#chart").kendoChart({ 
//    theme: jQuery(document).data("kendoSkin") || "Metro", 
      legend: { 
       position: "bottom", 
       padding: 1, 
       margin: 1 
      }, 
      seriesDefaults: { 
       labels: { 
        visible: true, 
        template: "${ value }%" 
       } 
      }, 
      dataSource: { 
       data: <%=ChartData%> 
      }, 
      series: [{ 
       type: "pie", 
       field: "percentage", 
       categoryField: "source", 
       explodeField: "explode" 
      }], 
      tooltip: { 
       visible: false, 
       template: "${ category } - ${ value }%" 
      }, 
      title: { padding: 1, margin: 1 }, 
      seriesColors: ["#d15400", "#19277e", "#e2935e", "#d2d2d2"], 
      chartArea: { margin: 1 }, 
      plotArea: { margin: 1 } 
     }); 

Answer 1

pasta grafik varsayılan olarak 60px padding sahiptir. Pasta grafiğinin etrafındaki alanı azaltmanız gerekiyorsa, bu dolguyu değiştirmeniz gerekir. Burada

... 
series: [{ 
    type: "pie", 
    field: "percentage", 
    categoryField: "source", 
    explodeField: "explode", 
    padding: 0 
}] 
... 

Answer 2

$("#chart").kendoChart({ 
    theme: $(document).data("kendoSkin") || "default", 
    title: { 
     text: "Samplet" 
    }, 
    seriesDefaults: { 
     labels: { 
      template: "#= kendo.format('{0:P}', percentage)#", 
      visible: true 
     } 
    },chartArea: { 
    width: 300, 
    height: 300 
}, 
    series: [{ 
     type: "pie", 
     data: [{ 
      category: "Quality", 
      value: 80}, 
     { 
      category: "Time", 
      value: 20}, 
     { 
      category: "Cost", 
      value: 40}]}], 
    tooltip: { 
     visible: true, 
     template: "#= kendo.format('{0:P}', percentage)#" 
    } 

}); 

biz pasta grafiğini yeniden boyutlandırmak için chartarea bir özellik tanımlamak ..