title: How to reduce the size of the KendoUI Pie Chart?
body: <p>How do you reduce the size of the KendoUI pie chart?  I am using the pie chart using the following configuration. I have set the margins to 1 pixel and the padding to 1 pixel but it doesn't appear to have any affect on how the pie chart is rendered. I have no title but there is still space for a title. I want to be able to reduce the space between the top of the chart and the space between the legend and the actual chart.</p>
  
  <p>My configuration:</p>
  
  <pre><code>jQuery("#chart").kendoChart({
  //              theme: jQuery(document).data("kendoSkin") || "Metro",
              legend: {
                  position: "bottom",
                  padding: 1,
                  margin: 1
              },
              seriesDefaults: {
                  labels: {
                      visible: true,
                      template: "${ value }%"
                  }
              },
              dataSource: {
                  data: &lt;%=ChartData%&gt;
              },
              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 }
          });
  </code></pre>