how to set different colors on each pie chart with data from ajax

Question

how to set different colors on each pie chart with data from ajax with if condition?

this is my piechart js

var data_kendala = [];

$.each(data.data8, function(key, val){
  data_kendala.push({
    "country": val.CONTRAINTS_NAME,
    "visits": val.TOTAL_KENDALA,
    "color": "#fd0000"
  });
});

I want to set each color on different chart, for example if CONTRAINTS_NAME = 1 then green color, if CONTRAINTS_NAME = 2 then blue and etc.

Answer 1

You just have to set your color inside the each according to your specific conditions. Or I missed a point.

$.each(data.data8, function(key, val){
  var color;

  // set your color according to conditions
  // Like: color = CONTRAINTS_NAME === 1 ? 'green' : 'blue';

  data_kendala.push({
    "country": val.CONTRAINTS_NAME,
    "visits": val.TOTAL_KENDALA,
    "color": color
  });
});