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

    Open In Dojo
    <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