New to Kendo UI for jQuery? Start a free 30-day trial

Percentage

fields

The point value represented as a percentage value. Available only for donut, pie and 100% stacked charts points.

percentage

Number

<div id="chart"></div>
<script>
$("#chart").kendoChart({
    series: [{
        type: "pie",
        data: [
            { category: "Product A", value: 30 },
            { category: "Product B", value: 50 },
            { category: "Product C", value: 20 }
        ],
        field: "value",
        categoryField: "category"
    }],
    seriesClick: function(e) {
        console.log("Point percentage:", e.point.percentage + "%");
        console.log("Point value:", e.point.value);
    }
});
</script>