jQuery Bend example1

by eRIZ

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="https://rawgithub.com/er1z/jquery-bend-gauge/master/jquery.bend-gauge.js"></script>
<div id="control"></div>
<a href="#" class="set">set some random bends using <strong>set</strong></a> ::
<a href="#" class="setMatrix">set some random bends using <strong>setMatrix</strong></a>

CSS

body {
    background: #333;
}
a {
    color:#FFF
}
#control {
    width: 200px;
    height: 200px;
}

JavaScript

var control = $('#control').bendGauge();

$('a').click(function (e) {
    e.preventDefault();
});

$('.set').click(function () {
    var result = [];
    for (var i = 0; i < 10; i++) {
        var chosenValue = Math.random() < 0.5;
        if (chosenValue) {
            result.push(i);
        }
    }

    control.bendGauge('set', result);
});

$('.setMatrix').click(function () {
    var result = [];
    for (var i = 0; i < 10; i++) {
        var chosenValue = Math.random() < 0.5;
        result.push(chosenValue);
    }

    control.bendGauge('setMatrix', result);
});