JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<div id="view">
<div id="gauge" data-role="radialgauge" data-bind="value: rating"></div>
<input id="up" type="button" value="+" />
<input id="down" type="button" value="-" />
</div>
JavaScript
$(function () {
var ratingViewModel = kendo.observable({
rating: 55
});
kendo.bind($('#view'), ratingViewModel, kendo.dataviz.ui);
$('#up').on('click', function() {
ratingViewModel.set('rating', ratingViewModel.get('rating') + 10);
});
$('#down').on('click', function() {
ratingViewModel.set('rating', ratingViewModel.get('rating') - 10);
});
});