JSFiddle - React, Tailwind, and code Playground

by MarmiK

HTML

<script src="http://cdn.kendostatic.com/2013.2.918/js/kendo.all.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<div id="chart" drag="handle_drag"></div>
<br />
<div id="test"></div>

CSS

body* {
    padding:0;
    margin:0
}
circle {
    cursor: ns-resize;
}
#test{border:1px solid #777; background:#444;cursor:auto;height:30px;width:30px; border-radius:15px;}

JavaScript

$("#chart").kendoChart({
    series: [{
        type: 'line',
        data: [150, 350, 250, 100, 250],
    }]
});
$("#test").draggable({ axis: "y" });//working
//$("#test").find("*").("circle").draggable({ axis: "y" });