порог внедрения для гистограмм с использованием flot api

Question

Я использую флот для построения графика. Я хочу реализовать такую ​​функциональность, что я могу выделить 10% -ный рост в моем графике, показывающий другой цвет, отличный от цвета, который я использую сейчас. код я использую это:

var options_blue = { 
    series: { 
     color: 'blue', 
     threshold: { above: 5, color: 'green' }, 
     bars: { show: true, barWidth: 20 * 20 } 
    }, 
    xaxis: { show: false, min: 1 }, 
    yaxis: { show: false, min: 1, max: max_value } 
}; 

var options_red = { 
    series: { 
     color: '#ff0000', 
     threshold: { above: 10, color:'green' },  
     bars: { show: true, barWidth: 20 * 20 } 
    }, 
    threshold: { above: 5, color: "yellow" }, 
    xaxis: { show: false, min: 1 }, 
    yaxis: { show: false, min: 5, max: max_value } 
}; 

Я использую jquery.flot.threshold.js, но нет никаких изменений в графах цветов за порогом.

Answer 1

Вы используете «выше», но плагин порога поддерживает только «ниже». Поэтому вам просто нужно поменять цвета серии и порога и вместо этого использовать «ниже».

Также обратите внимание, что в параметрах options_red у вас есть дополнительные параметры порога вне параметров серии. Пороговый плагин ищет опции только в параметрах серии, так что второй будет проигнорирован.