Установка множественные, если условия с диаграммой плагин JQuery называется благочестием

Question

Fiddle example

Я хочу использовать различные сочетания цветов в небольшой диаграмме плагин, который называется piety Документа показывает этот код для установки различных цветов круговой диаграммы:

$(".bar-colours-1").peity("bar", { 
    fill: ["red", "green", "blue"] 
}); 

$(".bar-colours-2").peity("bar", { 
    fill: function(value) { 
    return value > 0 ? "green" : "red"; 
    } 
}); 

$(".bar-colours-3").peity("bar", { 
    fill: function(_, i, all) { 
    var g = parseInt((i/all.length) * 255); 
    return "rgb(255, " + g + ", 0)"; 
    } 
}); 

$(".pie-colours-1").peity("pie", { 
    fill: ["cyan", "magenta", "yellow", "black"] 
}); 

$(".pie-colours-2").peity("pie", { 
    fill: function(_, i, all) { 
    var g = parseInt((i/all.length) * 255); 
    return "rgb(255, " + g + ", 0)"; 
    } 
}); 

Можно ли использовать несколько условий if для отображения диаграммы в разных цветовых комбинациях на основе значений?

Failed код:

$(".score").peity("pie", { 
    fill: function(value) { 
    if(value > 0){ 
     return value ["#c6d9fd", "#ff9900"]; 
    } 
    else if(value > 200){ 
     return value ["#BFE5E5","#46ECA0"]; 
    } 
    else if(value > 300){ 
     return value ["#BAAB48","#E7F94A"]; 
    } 
    } 
}); 

HTML:

<span class='score'>5/150</span> 
<span class='score'>220/250</span> 
<span class='score'>320/350</span> 

Answer 1

Я ответил на ваш GitHub issue таким образом:

Привет, Я изменил свою скрипку: http://jsfiddle.net/benpickles/0ejq9qdL/

При прохождении функции fill она вызывается для каждого значения в диаграмме и должна реагировать с одним цветом для конкретного среза/бара.

Вернитесь ко мне, если у вас возникнут дополнительные вопросы.

Answer 2

Try перестановке свои if заявления в обратном порядке, то есть:

if (value > 300) { .. } 
else if (value > 200) { .. } 
else if (value > 0) { .. } 

, как вы в настоящее время его , любое значение более 0 примет первую ветвь вашего if else if else if и neithe r вторых условий будет оценен.