<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>