justGage - увеличение и уменьшение значения с помощью кнопок

Я использую justGage (плагин для создания и анимации красивых и чистых датчиков приборной панели) для программирования некоторых графиков — мне нужно иметь возможность увеличивать и уменьшать значение, нажимая кнопку.

Я могу сделать это с помощью обновления (g1.refresh(20);) - но это делает значение 20... оно не увеличивает его на 20.

Кто-нибудь может помочь, пожалуйста?

Большое спасибо Аль


justgage
person alib0ng0    schedule 02.04.2014    source источник

Ответы (1)


arrow_upward
5
arrow_downward

Я не смог найти метод для получения текущего значения датчика, поэтому я просто сохраняю это значение в отдельной переменной. Затем каждый раз, когда датчик обновляется, эта переменная тоже обновляется.

Демо

<script src="http://cdn.jsdelivr.net/raphael/2.1.2/raphael-min.js"></script>
<script src="http://cdn.jsdelivr.net/justgage/1.0.1/justgage.min.js"></script>

    <input type="button" id="inc" onClick="inc()" value="increase by 20" />
    <input type="button" id="dec" onClick="dec()" value="decrease by 20" />
<br><br>
    amount to change: <input type="text" id="change" />
<br>
    <input type="button" id="incVar" onClick="incVar()" value="increase (variable)" />
    <input type="button" id="decVar" onClick="decVar()" value="decrese (variable)" />

    <div id="gauge" class="200x160px"></div>
    <script>

var gageValue = 100;

        var g = new JustGage({
            id: "gauge",
            value: gageValue,
            min: 0,
            max: 200,
            title: "BMI"
        });

function updateGage(n) {
  g.refresh(gageValue + n);
  gageValue += n;
}

function inc() {
  updateGage(20);
}

function dec() {
  updateGage(-20);
}

function incVar() {
  updateGage(parseInt(document.getElementById("change").value))
}

function decVar() {
  updateGage(-parseInt(document.getElementById("change").value))
}

</script>
person Tina Vall    schedule 13.04.2014