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>
In this article