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