如何使用ajax中的数据在每个饼图上设置不同的颜色

Question

如何使用if条件的ajax数据在每个饼图上设置不同的颜色？

这是我的饼图js

var data_kendala = [];

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

我想在不同的图表上设置每种颜色，例如CONTRAINTS_NAME = 1然后是绿色，CONTRAINTS_NAME = 2然后是蓝色等等。

Answer 1

您只需根据具体情况在each内设置颜色即可。或者我错过了一点。

$.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
  });
});