JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://kendo.cdn.telerik.com/2016.1.226/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.226/styles/kendo.common.min.css">
<div id="chart" />

JavaScript

(function(){
    
    
    var waterfallData1 = [
      { "name": "Last Year", "displayValue": 3907, "value": 390, "colorValue": "#777777" },
      { "name": "Name1", "displayValue": 89, "value": 89, "colorValue": "#C0C0C0" },
      { "name": "Name2", "displayValue": 163, "value": 163, "colorValue": "#C0C0C0" },
      { "name": "Name3", "displayValue": 225, "value": 225, "colorValue": "#4c6d8e" },
      { "name": "Name4", "displayValue": 20, "value": 20, "colorValue": "#C0C0C0" },
      { "name": "Name5", "displayValue": 17, "value": 17, "colorValue": "#C0C0C0" },
      { "name": "This Year", "displayValue": 3267, "value": 326, "summary": "runningTotal", "colorValue": "#777777" }
    ]
    
    
    $("#chart").kendoChart({
      theme: "flat",      
      dataSource: {
        data: waterfallData1
      },
      legend: {
        visible: false
      },
      chartArea: {
        height: 230,
        width: 570
      },   
      seriesDefaults: {
        type: "waterfall",
        stack: true,
        labels: {
          visible: true,    
          font: "18px",
          format: "{0:c0}"
        },
        majorGridLines: { visible: false },        
      },
      series: [{
        field: "value",
        labels: {
        	template: "#: kendo.toString(dataItem.displayValue, 'C0') #"
        },
        colorField: "colorValue",
        categoryField: "name",
        summaryField: "summary"        
      }
      ],
      valueAxis: {
        majorGridLines: {
          visible: false
        },
        visible: false        
      },
      categoryAxis: {
        line: { visible: true },
        majorGridLines: {
          visible: false
        },        
        axisDefaults: {
          majorGridLines: {
            visible: false
          }
        }
      }

    });
  }
  )();