如何使用来自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
  });
});