series.drilldownField String
The data field which contains the value to use to drill down into detailed data for the point.
Example - use the chart series drilldown field to implement drilldown
<nav id="breadcrumb"></nav>
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
type: 'column',
name: 'Total Sales By Company',
field: 'sales',
categoryField: 'company',
drilldownField: 'details',
data: [{
company: 'Company A',
sales: 100,
details: {
name: 'Company A Sales By Product',
type: 'column',
field: 'sales',
categoryField: 'product',
data: [{
product: 'Product 1',
sales: 80
}, {
product: 'Product 2',
sales: 20
}]
}
}, {
company: 'Company B',
sales: 200,
details: {
name: 'Company A Sales By Product',
type: 'column',
field: 'sales',
categoryField: 'product',
data: [{
product: 'Product 1',
sales: 40
}, {
product: 'Product 2',
sales: 160
}]
}
}]
}]
});
$('#breadcrumb').kendoChartBreadcrumb({
chart: "#chart"
});
</script>