Sync with Kendo UI Professional

Author: Kendo Bot

docs/api/javascript/dataviz/ui/chart.md

@@ -9639,6 +9639,12 @@ The supported values are:
     });
     </script>
 
+### series.autoFit `Boolean` *(default: false)*
+
+If set to true, the Chart automatically scales down to fit the content area. Applicable for the Pie and Donut series ([see example]({% slug pietypecharts_widget %}#auto-fit-labels)).
+
+> The `autoFit` option is supported when [series.type](/api/javascript/dataviz/ui/chart#configuration-series.type) is set to "pie" or "donut".
+
 ### series.axis `String` *(default: "primary")*
 
 The name of the value axis to use.

docs/controls/charts/chart-types/pie-charts.md

@@ -58,6 +58,48 @@ The following example demonstrates how to define a single series of type `"pie"`
 
 ![A sample Pie Chart](chart-pie.png)
 
+## Auto-Fit Labels
+
+Use the Series [autoFit option](/api/javascript/dataviz/ui/chart/configuration/series.autofit) to avoid clipping of the labels' content.
+
+```dojo
+    <div id="chart" style="width: 200px;"></div>
+    <script>
+    var data = [{
+      kind: 'Solar', share: 0.052
+    }, {
+      kind: 'Wind', share: 0.225
+    }, {
+      kind: 'Other', share: 0.192
+    }, {
+      kind: 'Hydroelectric', share: 0.175
+    }, {
+      kind: 'Nuclear', share: 0.238
+    }, {
+      kind: 'Coal', share: 0.118
+    }];
+
+    $("#chart").kendoChart({
+      dataSource: { data: data },
+      series: [{
+          type: "pie",
+          field: "share",
+          categoryField: "kind",
+          autoFit: true,
+          labels: {
+            color: "#000",
+            position: "outsideEnd",
+            template: "#: category #",
+            visible: true
+          }
+      }],
+      legend: {
+        visible: false
+      }
+    });
+    </script>
+```
+
 ## Configuring the Effects Overlay
 
 Each segment has a transparent effect overlay that adds depth to the two-dimensional shape. The overlay transparent gradient is configurable.