rootItem Object
The root item to be rendered by the Chart Breadcrumb.
The default root item is { type: 'rootitem', icon: 'home', text: 'Home', showIcon: true }.
Example - set custom rootItem
<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
}]
}
}]
}]
});
$('#breadcrumb').kendoChartBreadcrumb({
chart: '#chart',
rootItem: { type: 'rootitem', text: 'Home', showIcon: false, showText: true }
});
</script>