<?php
require_once '../lib/Kendo/Autoload.php';
require_once '../include/chart_data.php';
require_once '../include/header.php';
$gauge = new \Kendo\Dataviz\UI\RadialGauge('gauge');
$gauge->pointer(array('value' => 65))->scale(array('minorUnit' => 5, 'startAngle' => -30, 'endAngle' => 210, 'max' => 180));
echo $gauge->render();
?>
<input id='gauge-value' value='65' />
<script>
$(document).ready(function() {
function updateValue() {
$("#gauge").data("kendoRadialGauge").value($("#gauge-value").val());
}
$("#gauge-value").change(updateValue);
});
</script>
<?php
require_once '../include/footer.php';
<?php
require_once '../lib/Kendo/Autoload.php';
require_once '../include/chart_data.php';
require_once '../include/header.php';
$gauge = new \Kendo\Dataviz\UI\RadialGauge('gauge');
$gauge->pointer(array('value' => 65))->scale(array('minorUnit' => 5, 'max' => 180, 'startAngle' => -30, 'endAngle' => 210, 'labels' => array('position' => 'inside'), 'ranges' => array(array('from' => 80, 'to' => 120, 'color' => '#ffc700'), array('from' => 120, 'to' => 150, 'color' => '#ff7a00'), array('from' => 150, 'to' => 180, 'color' => '#c20000'))));
echo $gauge->render();
?>
<div class="configuration k-widget k-header" style="width:190px;">
<span class="configHead">Gauge</span>
<ul class="options">
<li>
<input id="labels" checked="checked" type="checkbox" autocomplete="off">
<label for="labels">Show labels</label>
</li>
<li>
<input id="labels-inside" type="radio" value="inside" name="labels-position" checked="checked">
<label for="labels-inside">- inside the gauge</label>
</li>
<li>
<input id="labels-outside" type="radio" value="outside" name="labels-position">
<label for="labels-outside">- outside of the gauge</label>
</li>
<li>
<input id="ranges" checked="checked" type="checkbox" autocomplete="off">
<label for="ranges">Show ranges</label>
</li>
