JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<!DOCTYPE html>
<html>
    <head>
        <title>Bar chart</title>
    </head>
    <body>
    <div id="chart" style="width: 600px; height: 400px;"></div>
    </body>
</html>

JavaScript

var data = [
    {"x":1,"y":1},
    {"x":1,"y":2},
    {"x":1,"y":3},
    {"x":1,"y":4},
    {"x":1,"y":5},
    {"x":2,"y":15},
    {"x":2,"y":14},
    {"x":2,"y":13},
    {"x":2,"y":12},                      
    {"x":2,"y":11}];

$(document).ready(function() {
    $("#chart").kendoChart({
        theme: "silver",
        title: {
            text: "Total records processed"
        },
        legend: {
            position: "bottom"
        },
        dataSource: {
            data: data,
            group: {
                field: "x"
            }
        },
        transitions: false,
        series: [{
            stack: true,
            type: "column",
            field: "y"
        }],
        categoryAxis: {
            //field: "Year"                                
        }
    });
});