title: amchart generating a pie chart, need different colors and labels to be set inside the slices
body: <p>I am using amcharts, for generating a pie chart with the label inside.
  I tried many attempts but it didn't come properly. Here is my <a href="http://jsfiddle.net/w0rd2cs3/15/" rel="nofollow noreferrer" >fiddle</a></p>
  
  <pre><code> AmCharts.makeChart("chart4", {
             "type": "pie",
             "theme": "light",
             "labelRadius": -35,
             "labelText": "[[percents]]%",           
             "dataProvider": [ {
               "country": "Used Space",           
               "fillColor":"#0000ff",
               "litres": 84
             },
             {
             "country": "Free Space",        
              "color":"#33cc33",
               "litres": 16
               }],
             "valueField": "litres",
             "titleField": "country",
             "outlineAlpha": 0.4,
             "depth3D": 12,
             "outerRadius":35,
             "angle": 40,
             "labelsEnabled": false,
             "autoMargins": false,
    "marginTop": 0,
    "marginBottom": 0,
    "marginLeft": 8,
    "marginRight": 8,
    "pullOutRadius": 0,
  
              "balloon":{
              "fixedPosition":true
             },
             "export": {
               "enabled": true,
              menu:[]
             }
           } );
  
  
  
           // generate some random data, quite different range
           function generateChartData() {
               var chartData = [];
  
              chartData = [{"date" : "09/11/2018 0:00", "diskSpaceUsage" : "84"},{"date" : "09/11/2018 1:00", "diskSpaceUsage" : "84"},{"date" : "09/11/2018 2:00", "diskSpaceUsage" : "84"},{"date" : "09/11/2018 3:00", "diskSpaceUsage" : "84"},{"date" : "09/11/2018 4:00", "diskSpaceUsage" : "84"},{"date" : "09/11/2018 5:00", "diskSpaceUsage" : "84"},{"date" : "09/11/2018 6:00", "diskSpaceUsage" : "84"},{"date" : "09/11/2018 7:00", "diskSpaceUsage" : "84"},{"date" : "09/11/2018 8:00", "diskSpaceUsage" : "83.75"},
              {"date" : "09/11/2018 9:00", "diskSpaceUsage" : "83"},{"date" : "09/11/2018 10:00", "diskSpaceUsage" : "83"},{"date" : "09/11/2018 11:00", "diskSpaceUsage" : "83"},{"date" : "09/11/2018 12:00", "diskSpaceUsage" : "83"},{"date" : "09/11/2018 13:00", "diskSpaceUsage" : "83"},{"date" : "09/11/2018 14:00", "diskSpaceUsage" : "83"},{"date" : "09/11/2018 15:00", "diskSpaceUsage" : "83"},{"date" : "09/11/2018 16:00", "diskSpaceUsage" : "83"},{"date" : "09/11/2018 17:00", "diskSpaceUsage" : "83"},{"date" : "09/11/2018 18:00", "diskSpaceUsage" : "83"},
              {"date" : "09/11/2018 19:00", "diskSpaceUsage" : "83"},{"date" : "09/11/2018 20:00", "diskSpaceUsage" : "83"},{"date" : "09/11/2018 21:00", "diskSpaceUsage" : "83"},{"date" : "09/11/2018 22:00", "diskSpaceUsage" : "83.5"},{"date" : "09/11/2018 23:00", "diskSpaceUsage" : "84"},
              {"date" : "09/12/2018 0:00", "diskSpaceUsage" : "84"},{"date" : "09/12/2018 1:00", "diskSpaceUsage" : "84"},{"date" : "09/12/2018 2:00", "diskSpaceUsage" : "84"},{"date" : "09/12/2018 3:00", "diskSpaceUsage" : "84"},{"date" : "09/12/2018 4:00", "diskSpaceUsage" : "84"},{"date" : "09/12/2018 5:00", "diskSpaceUsage" : "84"},{"date" : "09/12/2018 6:00", "diskSpaceUsage" : "84"},{"date" : "09/12/2018 7:00", "diskSpaceUsage" : "84"},{"date" : "09/12/2018 8:00", "diskSpaceUsage" : "84"},{"date" : "09/12/2018 9:00", "diskSpaceUsage" : "84"},{"date" : "09/12/2018 10:00", "diskSpaceUsage" : "84"}];
  
  
               return chartData;
           }
  </code></pre>
  
  <p>I need to set the colors for both the parts, and the labels should be displayed inside the slices. Any suggestions would be highly appreciated !</p>