title: How can I change the colors of my highcharts piechart?
body: <p>I'm using highcharts to make a piechart but I'm having trouble loading a custom color set for my chart.</p>
  
  <p>Here is my code: </p>
  
  <pre><code>     &lt;script type="text/javascript"&gt;
       $(function () {
       Highcharts.setOptions({
       colors: ['#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263',      '#6AF9C4']
      });
      return new Highcharts.Chart({
  
  
          chart: {
              renderTo: 'trailpiechart',
              plotBackgroundColor: null,
              plotBorderWidth: null,
              plotShadow: false,
              backgroundColor: "#f8f8f8",
              margin: [20, 20, 20, 20]
          },
  
  
          credits: {
              enabled: false
          },
  
          title: {
              text: caption
          },
          tooltip: {
              formatter: function () {
                  return this.y + ' links';
              }
          },
          plotOptions: {
              pie: {
                  allowPointSelect: true,
                  cursor: 'pointer',
                  dataLabels: {
                      enabled: false
                  },
                  showInLegend: true
              }
          },
          legend: {
              layout: 'vertical',
              floating: false,
              borderRadius: 0,
              borderWidth: 0
          },
          series: [{
              type: 'pie',
              name: 'Browser share',
              data: data
          }]
      });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>My pie chart works with this code but it only uses the default color pallet.</p>
  
  <p>How do you specify a custom color set?</p>