JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>
<div id="chart" style="width: 50%; height:50%"></div>

JavaScript

function createChart() {
    $("#chart").kendoChart({
        theme: $(document).data("kendoSkin") || "default",
        title: {
            text: "Some Plot"
        },
        legend: {
            position: "bottom"
        },
        seriesDefaults: {
            labels: {
                visible: true,
                format: "{0}%"
            }
        },
        series: [{
            type: "pie",
            data: [ {
                category: "One",
                value: 22
            }, {
                category: "Two",
                value: 2
            }, {
                category: "Three",
                value: 49
            }, {
                category: "Four",
                value: 27
            } ]
        }],
        tooltip: {
            visible: true,
            format: "{0}%"
        }
    });
}
createChart();

$(window).resize(function() 
{    
    var chart = $("#chart").data("kendoChart");
    chart.refresh();
});