<div id="chart"></div>
<script>
$("#chart").kendoChart({
    series: [{
        type: "waterfall",
        data: [
            { name: "Initial", value: 100 },
            { name: "Income", value: 50 },
            { name: "Expenses", value: -30 },
            { name: "Final Total", value: 0, summary: "total" }
        ],
        field: "value",
        categoryField: "name",
        summaryField: "summary"
    }],
    seriesClick: function(e) {
        console.log("Point total:", e.point.total);
        console.log("Point value:", e.point.value);
    }
});
</script>