title: How can i keep the color the same in highcharts
body: <p>i am using highcharts for the first time. It looks cool and it is almost doing what i want. I use a piechart and refresh the data every second. That is working only the color of the pieces are changing every second. How can i keep the same color?</p>
  
  <p>This is my code</p>
  
  <pre><code>var chart;
  $(document).ready(function() {
  chart = new Highcharts.Chart({
      chart: {
          renderTo: 'container',
          plotBackgroundColor: null,
          animation: false,
          plotBorderWidth: null,
          plotShadow: false,
          events: {
              load: function() {
  
                  // set up the updating of the chart each second
                  var series = this.series[0];
                  setInterval(function() {
                      $.getJSON("opencont.php", function (data) {
                          $.each(data.vragen, function (index, value) {
                          series.addPoint([value.short, value.antwoorden], true, true);
                          })
                          })
                  }, 1000);
              }
              }
      },
      title: {
          text: ''
      },
      tooltip: {
          formatter: function() {
              return '&lt;b&gt;'+ this.point.name +'&lt;/b&gt;: '+ this.percentage +' %';
          }
      },
      plotOptions: {
          pie: {
              allowPointSelect: true,
              cursor: 'pointer',
              dataLabels: {
                  enabled: true,
                  color: '#000000',
                  connectorColor: '#000000',
                  formatter: function() {
                      return '&lt;b&gt;'+ this.point.name +'&lt;/b&gt;: '+ this.percentage +' %';
                  }
              }
          }
      },
  
  
      series: [{
          type: 'pie',
          name: 'Browser share',
          data: [
          ['a', 0], ['b', 0], ['c', 0]
          ]
      }]
  });
  });
  </code></pre>