Я использовал gauge.js на своем сайте, чтобы отобразить количество продаж на моем сайте, однако, когда мое значение превышает установленный максимальный предел, индикатор снова обходит круг, провел некоторое исследование и обнаружил, что мне нужно установить свой ‘ limitMax ‘в true, и это должно решить проблему. Но у него нет ид?
Вот мой JS:
<script>
var opts1 = {
lines: 12,
angle: 0,
lineWidth: 0.4,
pointer: {
length: 0.75,
strokeWidth: 0.042,
color: '#1D212A'
},
limitMax: 'true',
colorStart: '#27ABE2',
colorStop: '#27ABE2',
strokeColor: '#F0F3F3',
generateGradient: true
};
var target = document.getElementById('foo'),
gauge1 = new Gauge(target).setOptions(opts1);
gauge1.maxValue = 100000;
gauge1.animationSpeed = 10;
gauge1.set(<?php echo $depotSales['TotalSales']; ?>);
</script>
Я также попытался обернуть значение в операторе if, чтобы оно равнялось 100000, но все равно ничего не видно, вот оно:
<?php
$maxValue = $depotSales['TotalSales'];
if(($maxValue > 100000)){
$maxValue == 100000;
}else{
$maxValue == $depotSales['TotalSales'];
}
?>
Изменение моего PHP на следующее сработало и принудительно переопределило:
<?php
$maxValue = $depotSales['TotalSales'];
if($maxValue > 100000){
$maxValue = 100000;
}else{
$maxValue = $depotSales['TotalSales'];
}
?>
Но если кто-то может дать ответ, когда такая переопределение не понадобится, пожалуйста, опубликуйте ответ.
Других решений пока нет …