@progress/kendo-charts 1.28.0 → 1.29.0-dev.202305231642

package/dist/es/chart/bar-chart/bar-chart.js

@@ -46,7 +46,6 @@ var BarChart = (function (CategoricalChart) {
 
     BarChart.prototype.createPoint = function createPoint (data, fields) {
         var categoryIx = fields.categoryIx;
-        var category = fields.category;
         var series = fields.series;
         var seriesIx = fields.seriesIx;
         var ref = this;
@@ -70,10 +69,7 @@ var BarChart = (function (CategoricalChart) {
             color = pointOptions.negativeColor;
         }
 
-        pointOptions = this.evalPointOptions(
-            pointOptions, value, category, categoryIx, series, seriesIx
-        );
-
+        pointOptions = this.evalPointOptions(pointOptions, value, fields);
         if (isFunction(series.color)) {
             color = pointOptions.color;
         }
@@ -205,4 +201,4 @@ setDefaultOptions(BarChart, {
     }
 });
 
-export default BarChart;
+export default BarChart;

package/dist/es/chart/bullet-chart/bullet-chart.js

@@ -39,9 +39,7 @@ var BulletChart = (function (CategoricalChart) {
 
     BulletChart.prototype.createPoint = function createPoint (data, fields) {
         var categoryIx = fields.categoryIx;
-        var category = fields.category;
         var series = fields.series;
-        var seriesIx = fields.seriesIx;
         var ref = this;
         var options = ref.options;
         var children = ref.children;
@@ -55,10 +53,7 @@ var BulletChart = (function (CategoricalChart) {
         }, series);
 
         var color = data.fields.color || series.color;
-        bulletOptions = this.evalPointOptions(
-            bulletOptions, value, category, categoryIx, series, seriesIx
-        );
-
+        bulletOptions = this.evalPointOptions(bulletOptions, value, fields);
         if (isFunction(series.color)) {
             color = bulletOptions.color;
         }
@@ -148,4 +143,4 @@ function wrapData(options) {
     }
 }
 
-export default BulletChart;
+export default BulletChart;

package/dist/es/chart/candlestick-chart/candlestick-chart.js

@@ -84,18 +84,13 @@ var CandlestickChart = (function (CategoricalChart) {
     };
 
     CandlestickChart.prototype.createPoint = function createPoint (data, fields) {
-        var categoryIx = fields.categoryIx;
-        var category = fields.category;
         var series = fields.series;
-        var seriesIx = fields.seriesIx;
         var pointType = this.pointType();
         var value = data.valueFields;
         var pointOptions = deepExtend({}, series);
         var color = data.fields.color || series.color;
 
-        pointOptions = this.evalPointOptions(
-            pointOptions, value, category, categoryIx, series, seriesIx
-        );
+        pointOptions = this.evalPointOptions(pointOptions, value, fields);
 
         if (series.type === CANDLESTICK) {
             if (value.open > value.close) {
@@ -151,4 +146,4 @@ var CandlestickChart = (function (CategoricalChart) {
 
 deepExtend(CandlestickChart.prototype, ClipAnimationMixin);
 
-export default CandlestickChart;
+export default CandlestickChart;

package/dist/es/chart/categorical-chart.js

@@ -318,8 +318,19 @@ var CategoricalChart = (function (ChartElement) {
         this.updateRange(data.valueFields, fields);
     };
 
-    CategoricalChart.prototype.evalPointOptions = function evalPointOptions (options, value, category, categoryIx, series, seriesIx) {
-        var state = { defaults: series._defaults, excluded: [ "data", "aggregate", "_events", "tooltip", "content", "template", "visual", "toggle", "_outOfRangeMinPoint", "_outOfRangeMaxPoint" ] };
+    CategoricalChart.prototype.evalPointOptions = function evalPointOptions (options, value, fields) {
+        var categoryIx = fields.categoryIx;
+        var category = fields.category;
+        var series = fields.series;
+        var seriesIx = fields.seriesIx;
+        var state = {
+            defaults: series._defaults,
+            excluded: [
+                "data", "aggregate", "_events", "tooltip", "content", "template",
+                "visual", "toggle", "_outOfRangeMinPoint", "_outOfRangeMaxPoint",
+                "drilldownSeriesFactory"
+            ]
+        };
 
         var doEval = this._evalSeries[seriesIx];
         if (!defined(doEval)) {

package/dist/es/chart/chart.js

@@ -28,7 +28,8 @@ import { addClass, Class, setDefaultOptions, deepExtend, defined, find, isObject
 import { dateComparer } from '../date-utils';
 
 import { DRAG_START, DRAG, DRAG_END, ZOOM_START, ZOOM, ZOOM_END, SELECT_START, SELECT, SELECT_END, PLOT_AREA_HOVER, PLOT_AREA_LEAVE,
-    RENDER, CATEGORY, PIE, DONUT, FUNNEL, COLUMN, MOUSEWHEEL, MOUSEWHEEL_DELAY, MOUSEWHEEL_ZOOM_RATE, SHOW_TOOLTIP, SERIES_HOVER } from './constants';
+         RENDER, CATEGORY, PIE, DONUT, FUNNEL, COLUMN, MOUSEWHEEL, MOUSEWHEEL_DELAY, MOUSEWHEEL_ZOOM_RATE, SHOW_TOOLTIP, SERIES_HOVER,
+         SERIES_OVER, SERIES_LEAVE, SERIES_CLICK, DRILLDOWN } from './constants';
 
 import './animations';
 import './register-charts';
@@ -578,10 +579,17 @@ var Chart = (function (Class) {
     Chart.prototype.trigger = function trigger (name, args) {
         if ( args === void 0 ) args = {};
 
+        args.sender = this;
+
         if (name === SHOW_TOOLTIP) {
             args.anchor.point = this._toDocumentCoordinates(args.anchor.point);
+        } else if (name === SERIES_OVER) {
+            this._updateDrilldownPoint(args.point);
+        } else if (name === SERIES_LEAVE) {
+            this._resetDrilldownPoint();
+        } else if (name === SERIES_CLICK) {
+            this._startDrilldown(args.point);
         }
-        args.sender = this;
 
         var observers = this.observers;
         var isDefaultPrevented = false;
@@ -1138,6 +1146,41 @@ var Chart = (function (Class) {
         }
     };
 
+    Chart.prototype._updateDrilldownPoint = function _updateDrilldownPoint (point) {
+        if (!point || !point.series) {
+            return;
+        }
+
+        var ref = SeriesBinder.current.bindPoint(point.series, null, point.dataItem);
+        var fields = ref.fields;
+        if (fields.drilldown) {
+            this._drilldownState = { cursor: this.element.style.cursor };
+            this.element.style.cursor = 'pointer';
+        }
+    };
+
+    Chart.prototype._resetDrilldownPoint = function _resetDrilldownPoint () {
+        if (this._drilldownState) {
+            this.element.style.cursor = this._drilldownState.cursor;
+            this._drilldownState = null;
+        }
+    };
+
+    Chart.prototype._startDrilldown = function _startDrilldown (point) {
+        if (!point || !point.series) {
+            return;
+        }
+
+        var series = point.series;
+        var ref = SeriesBinder.current.bindPoint(series, null, point.dataItem);
+        var fields = ref.fields;
+        var value = fields.drilldown;
+        if (value) {
+            var args = { series: series, point: point, value: value, sender: this };
+            this.trigger(DRILLDOWN, args);
+        }
+    };
+
     Chart.prototype._updateSeriesOpacity = function _updateSeriesOpacity (point, resetOpacity) {
         var this$1 = this;
 
@@ -1652,7 +1695,7 @@ var Chart = (function (Class) {
         }
 
         this._unsetActivePoint();
-
+        this._resetDrilldownPoint();
         this._destroySelections();
 
         if (this._tooltip) {

package/dist/es/chart/constants.js

@@ -96,11 +96,14 @@ var MOUSEWHEEL = "wheel";
 var MOUSEWHEEL_DELAY = 150;
 var MOUSEWHEEL_ZOOM_RATE = 0.3;
 
+var DRILLDOWN = "drilldown";
+var DRILLDOWN_FIELD = "drilldown";
+
 export {
     INITIAL_ANIMATION_DURATION, FADEIN,
     LEGEND_ITEM_CLICK, LEGEND_ITEM_HOVER, LEGEND_ITEM_LEAVE,
-    SERIES_CLICK, SERIES_HOVER, SERIES_OVER, SERIES_LEAVE, GLASS,
-    BORDER_BRIGHTNESS, TOOLTIP_OFFSET,
+    SERIES_CLICK, SERIES_HOVER, SERIES_OVER, SERIES_LEAVE,
+    GLASS, BORDER_BRIGHTNESS, TOOLTIP_OFFSET,
     START_SCALE, ERROR_LOW_FIELD, ERROR_HIGH_FIELD,
     X_ERROR_LOW_FIELD, X_ERROR_HIGH_FIELD,
     Y_ERROR_LOW_FIELD, Y_ERROR_HIGH_FIELD,
@@ -119,5 +122,6 @@ export {
     MOUSEWHEEL, MOUSEWHEEL_DELAY, MOUSEWHEEL_ZOOM_RATE,
     SHOW_TOOLTIP, HIDE_TOOLTIP,
     EQUALLY_SPACED_SERIES, ABOVE, BELOW,
-    HEATMAP
+    HEATMAP,
+    DRILLDOWN, DRILLDOWN_FIELD
 };

package/dist/es/chart/heatmap-chart/heatmap-chart.js

@@ -68,7 +68,13 @@ var HeatmapChart = (function (ChartElement) {
     HeatmapChart.prototype.evalPointOptions = function evalPointOptions (options, value, fields) {
         var series = fields.series;
         var seriesIx = fields.seriesIx;
-        var state = { defaults: series._defaults, excluded: [ "data", "tooltip", "content", "template", "visual", "toggle" ] };
+        var state = {
+            defaults: series._defaults,
+            excluded: [
+                "data", "tooltip", "content", "template",
+                "visual", "toggle", "drilldownSeriesFactory"
+            ]
+        };
 
         var doEval = this._evalSeries[seriesIx];
         if (!defined(doEval)) {

package/dist/es/chart/line-chart/line-chart.js

@@ -32,8 +32,6 @@ var LineChart = (function (CategoricalChart) {
     };
 
     LineChart.prototype.createPoint = function createPoint (data, fields) {
-        var categoryIx = fields.categoryIx;
-        var category = fields.category;
         var series = fields.series;
         var seriesIx = fields.seriesIx;
         var missingValues = this.seriesMissingValues(series);
@@ -48,9 +46,7 @@ var LineChart = (function (CategoricalChart) {
         }
 
         var pointOptions = this.pointOptions(series, seriesIx);
-        pointOptions = this.evalPointOptions(
-            pointOptions, value, category, categoryIx, series, seriesIx
-        );
+        pointOptions = this.evalPointOptions(pointOptions, value, fields);
 
         var color = data.fields.color || series.color;
         if (isFunction(series.color)) {

package/dist/es/chart/range-area-chart/range-area-chart.js

@@ -33,8 +33,6 @@ var RangeAreaChart = (function (CategoricalChart) {
     };
 
     RangeAreaChart.prototype.createPoint = function createPoint (data, fields) {
-        var categoryIx = fields.categoryIx;
-        var category = fields.category;
         var series = fields.series;
         var seriesIx = fields.seriesIx;
         var value = data.valueFields;
@@ -51,9 +49,7 @@ var RangeAreaChart = (function (CategoricalChart) {
         }
 
         var pointOptions = this.pointOptions(series, seriesIx);
-        pointOptions = this.evalPointOptions(
-            pointOptions, value, category, categoryIx, series, seriesIx
-        );
+        pointOptions = this.evalPointOptions(pointOptions, value, fields);
 
         var color = data.fields.color || series.color;
         if (isFunction(series.color)) {

package/dist/es/chart/register-charts.js

@@ -15,7 +15,7 @@ import { COLUMN, DONUT, PIE, FUNNEL, BAR, LINE, VERTICAL_LINE, AREA, VERTICAL_AR
     RANGE_BAR, WATERFALL, HORIZONTAL_WATERFALL, SCATTER, SCATTER_LINE, BUBBLE,
     POLAR_AREA, POLAR_LINE, POLAR_SCATTER, RADAR_AREA, RADAR_COLUMN, RADAR_LINE, CATEGORY,
     RANGE_AREA, VERTICAL_RANGE_AREA, X_ERROR_LOW_FIELD, X_ERROR_HIGH_FIELD, Y_ERROR_LOW_FIELD, Y_ERROR_HIGH_FIELD,
-    ERROR_LOW_FIELD, ERROR_HIGH_FIELD, HEATMAP } from './constants';
+    ERROR_LOW_FIELD, ERROR_HIGH_FIELD, HEATMAP, DRILLDOWN_FIELD } from './constants';
 import { X, Y, VALUE } from '../common/constants';
 
 var COLOR = "color";
@@ -48,25 +48,25 @@ PlotAreaFactory.current.register(HeatmapPlotArea, [ HEATMAP ]);
 
 SeriesBinder.current.register(
     [ BAR, COLUMN, LINE, VERTICAL_LINE, AREA, VERTICAL_AREA ],
-    [ VALUE ], [ CATEGORY, COLOR, NOTE_TEXT, ERROR_LOW_FIELD, ERROR_HIGH_FIELD ]
+    [ VALUE ], [ CATEGORY, COLOR, NOTE_TEXT, ERROR_LOW_FIELD, ERROR_HIGH_FIELD, DRILLDOWN_FIELD ]
 );
 
 SeriesBinder.current.register(
     [ RANGE_COLUMN, RANGE_BAR, RANGE_AREA, VERTICAL_RANGE_AREA ],
-    [ FROM, TO ], [ CATEGORY, COLOR, NOTE_TEXT ]
+    [ FROM, TO ], [ CATEGORY, COLOR, NOTE_TEXT, DRILLDOWN_FIELD ]
 );
 
 SeriesBinder.current.register(
     [ WATERFALL, HORIZONTAL_WATERFALL ],
-    [ VALUE ], [ CATEGORY, COLOR, NOTE_TEXT, SUMMARY_FIELD ]
+    [ VALUE ], [ CATEGORY, COLOR, NOTE_TEXT, SUMMARY_FIELD, DRILLDOWN_FIELD ]
 );
 
-SeriesBinder.current.register([ POLAR_AREA, POLAR_LINE, POLAR_SCATTER ], [ X, Y ], [ COLOR ]);
-SeriesBinder.current.register([ RADAR_AREA, RADAR_COLUMN, RADAR_LINE ], [ VALUE ], [ COLOR ]);
+SeriesBinder.current.register([ POLAR_AREA, POLAR_LINE, POLAR_SCATTER ], [ X, Y ], [ COLOR, DRILLDOWN_FIELD ]);
+SeriesBinder.current.register([ RADAR_AREA, RADAR_COLUMN, RADAR_LINE ], [ VALUE ], [ COLOR, DRILLDOWN_FIELD ]);
 
 SeriesBinder.current.register(
     [ FUNNEL ],
-    [ VALUE ], [ CATEGORY, COLOR, "visibleInLegend", "visible" ]
+    [ VALUE ], [ CATEGORY, COLOR, "visibleInLegend", "visible", DRILLDOWN_FIELD ]
 );
 
 DefaultAggregates.current.register(
@@ -111,7 +111,7 @@ DefaultAggregates.current.register(
 
 SeriesBinder.current.register(
     [ BOX_PLOT, VERTICAL_BOX_PLOT ],
-    [ "lower", "q1", "median", "q3", "upper", "mean", "outliers" ], [ CATEGORY, COLOR, NOTE_TEXT ]
+    [ "lower", "q1", "median", "q3", "upper", "mean", "outliers" ], [ CATEGORY, COLOR, NOTE_TEXT, DRILLDOWN_FIELD ]
 );
 
 DefaultAggregates.current.register(
@@ -122,7 +122,7 @@ DefaultAggregates.current.register(
 
 SeriesBinder.current.register(
     [ BULLET, VERTICAL_BULLET ],
-    [ "current", "target" ], [ CATEGORY, COLOR, "visibleInLegend", NOTE_TEXT ]
+    [ "current", "target" ], [ CATEGORY, COLOR, "visibleInLegend", NOTE_TEXT, DRILLDOWN_FIELD ]
 );
 
 DefaultAggregates.current.register(
@@ -132,5 +132,5 @@ DefaultAggregates.current.register(
 
 SeriesBinder.current.register(
     [ PIE, DONUT ],
-    [ VALUE ], [ CATEGORY, COLOR, "explode", "visibleInLegend", "visible" ]
+    [ VALUE ], [ CATEGORY, COLOR, "explode", "visibleInLegend", "visible", DRILLDOWN_FIELD ]
 );

package/dist/es/chart/scatter-charts/scatter-chart.js

@@ -169,7 +169,14 @@ var ScatterChart = (function (ChartElement) {
     ScatterChart.prototype.evalPointOptions = function evalPointOptions (options, value, fields) {
         var series = fields.series;
         var seriesIx = fields.seriesIx;
-        var state = { defaults: series._defaults, excluded: [ "data", "tooltip", "content", "template", "visual", "toggle", "_outOfRangeMinPoint", "_outOfRangeMaxPoint" ] };
+        var state = {
+            defaults: series._defaults,
+            excluded: [
+                "data", "tooltip", "content", "template", "visual", "toggle",
+                "_outOfRangeMinPoint", "_outOfRangeMaxPoint",
+                "drilldownSeriesFactory"
+            ]
+        };
 
         var doEval = this._evalSeries[seriesIx];
         if (!defined(doEval)) {
@@ -344,4 +351,4 @@ deepExtend(ScatterChart.prototype, ClipAnimationMixin, {
     _bindPoint: CategoricalChart.prototype._bindPoint
 });
 
-export default ScatterChart;
+export default ScatterChart;

package/dist/es2015/chart/bar-chart/bar-chart.js

@@ -38,7 +38,7 @@ class BarChart extends CategoricalChart {
     }
 
     createPoint(data, fields) {
-        const { categoryIx, category, series, seriesIx } = fields;
+        const { categoryIx, series, seriesIx } = fields;
         const { options, children } = this;
         const isStacked = options.isStacked;
         const value = this.pointValue(data);
@@ -58,10 +58,7 @@ class BarChart extends CategoricalChart {
             color = pointOptions.negativeColor;
         }
 
-        pointOptions = this.evalPointOptions(
-            pointOptions, value, category, categoryIx, series, seriesIx
-        );
-
+        pointOptions = this.evalPointOptions(pointOptions, value, fields);
         if (isFunction(series.color)) {
             color = pointOptions.color;
         }
@@ -189,4 +186,4 @@ setDefaultOptions(BarChart, {
     }
 });
 
-export default BarChart;
+export default BarChart;

package/dist/es2015/chart/bullet-chart/bullet-chart.js

@@ -34,7 +34,7 @@ class BulletChart extends CategoricalChart {
     }
 
     createPoint(data, fields) {
-        const { categoryIx, category, series, seriesIx } = fields;
+        const { categoryIx, series } = fields;
         const { options, children } = this;
         const value = data.valueFields;
 
@@ -46,10 +46,7 @@ class BulletChart extends CategoricalChart {
         }, series);
 
         let color = data.fields.color || series.color;
-        bulletOptions = this.evalPointOptions(
-            bulletOptions, value, category, categoryIx, series, seriesIx
-        );
-
+        bulletOptions = this.evalPointOptions(bulletOptions, value, fields);
         if (isFunction(series.color)) {
             color = bulletOptions.color;
         }
@@ -134,4 +131,4 @@ function wrapData(options) {
     }
 }
 
-export default BulletChart;
+export default BulletChart;

package/dist/es2015/chart/candlestick-chart/candlestick-chart.js

@@ -72,15 +72,13 @@ class CandlestickChart extends CategoricalChart {
     }
 
     createPoint(data, fields) {
-        const { categoryIx, category, series, seriesIx } = fields;
+        const { series } = fields;
         const pointType = this.pointType();
         const value = data.valueFields;
         let pointOptions = deepExtend({}, series);
         let color = data.fields.color || series.color;
 
-        pointOptions = this.evalPointOptions(
-            pointOptions, value, category, categoryIx, series, seriesIx
-        );
+        pointOptions = this.evalPointOptions(pointOptions, value, fields);
 
         if (series.type === CANDLESTICK) {
             if (value.open > value.close) {
@@ -134,4 +132,4 @@ class CandlestickChart extends CategoricalChart {
 
 deepExtend(CandlestickChart.prototype, ClipAnimationMixin);
 
-export default CandlestickChart;
+export default CandlestickChart;

package/dist/es2015/chart/categorical-chart.js

@@ -299,8 +299,19 @@ class CategoricalChart extends ChartElement {
         this.updateRange(data.valueFields, fields);
     }
 
-    evalPointOptions(options, value, category, categoryIx, series, seriesIx) {
-        const state = { defaults: series._defaults, excluded: [ "data", "aggregate", "_events", "tooltip", "content", "template", "visual", "toggle", "_outOfRangeMinPoint", "_outOfRangeMaxPoint" ] };
+    evalPointOptions(options, value, fields) {
+        const categoryIx = fields.categoryIx;
+        const category = fields.category;
+        const series = fields.series;
+        const seriesIx = fields.seriesIx;
+        const state = {
+            defaults: series._defaults,
+            excluded: [
+                "data", "aggregate", "_events", "tooltip", "content", "template",
+                "visual", "toggle", "_outOfRangeMinPoint", "_outOfRangeMaxPoint",
+                "drilldownSeriesFactory"
+            ]
+        };
 
         let doEval = this._evalSeries[seriesIx];
         if (!defined(doEval)) {

package/dist/es2015/chart/chart.js

@@ -28,7 +28,8 @@ import { addClass, Class, setDefaultOptions, deepExtend, defined, find, isObject
 import { dateComparer } from '../date-utils';
 
 import { DRAG_START, DRAG, DRAG_END, ZOOM_START, ZOOM, ZOOM_END, SELECT_START, SELECT, SELECT_END, PLOT_AREA_HOVER, PLOT_AREA_LEAVE,
-    RENDER, CATEGORY, PIE, DONUT, FUNNEL, COLUMN, MOUSEWHEEL, MOUSEWHEEL_DELAY, MOUSEWHEEL_ZOOM_RATE, SHOW_TOOLTIP, SERIES_HOVER } from './constants';
+         RENDER, CATEGORY, PIE, DONUT, FUNNEL, COLUMN, MOUSEWHEEL, MOUSEWHEEL_DELAY, MOUSEWHEEL_ZOOM_RATE, SHOW_TOOLTIP, SERIES_HOVER,
+         SERIES_OVER, SERIES_LEAVE, SERIES_CLICK, DRILLDOWN } from './constants';
 
 import './animations';
 import './register-charts';
@@ -563,10 +564,17 @@ class Chart extends Class {
     }
 
     trigger(name, args = {}) {
+        args.sender = this;
+
         if (name === SHOW_TOOLTIP) {
             args.anchor.point = this._toDocumentCoordinates(args.anchor.point);
+        } else if (name === SERIES_OVER) {
+            this._updateDrilldownPoint(args.point);
+        } else if (name === SERIES_LEAVE) {
+            this._resetDrilldownPoint();
+        } else if (name === SERIES_CLICK) {
+            this._startDrilldown(args.point);
         }
-        args.sender = this;
 
         const observers = this.observers;
         let isDefaultPrevented = false;
@@ -1113,6 +1121,39 @@ class Chart extends Class {
         }
     }
 
+    _updateDrilldownPoint(point) {
+        if (!point || !point.series) {
+            return;
+        }
+
+        const { fields } = SeriesBinder.current.bindPoint(point.series, null, point.dataItem);
+        if (fields.drilldown) {
+            this._drilldownState = { cursor: this.element.style.cursor };
+            this.element.style.cursor = 'pointer';
+        }
+    }
+
+    _resetDrilldownPoint() {
+        if (this._drilldownState) {
+            this.element.style.cursor = this._drilldownState.cursor;
+            this._drilldownState = null;
+        }
+    }
+
+    _startDrilldown(point) {
+        if (!point || !point.series) {
+            return;
+        }
+
+        const series = point.series;
+        const { fields } = SeriesBinder.current.bindPoint(series, null, point.dataItem);
+        const value = fields.drilldown;
+        if (value) {
+            const args = { series, point, value, sender: this };
+            this.trigger(DRILLDOWN, args);
+        }
+    }
+
     _updateSeriesOpacity(point, resetOpacity) {
         const plotArea = this._plotArea;
         const length = plotArea.series.length;
@@ -1613,7 +1654,7 @@ class Chart extends Class {
         }
 
         this._unsetActivePoint();
-
+        this._resetDrilldownPoint();
         this._destroySelections();
 
         if (this._tooltip) {

package/dist/es2015/chart/constants.js

@@ -96,11 +96,14 @@ const MOUSEWHEEL = "wheel";
 const MOUSEWHEEL_DELAY = 150;
 const MOUSEWHEEL_ZOOM_RATE = 0.3;
 
+const DRILLDOWN = "drilldown";
+const DRILLDOWN_FIELD = "drilldown";
+
 export {
     INITIAL_ANIMATION_DURATION, FADEIN,
     LEGEND_ITEM_CLICK, LEGEND_ITEM_HOVER, LEGEND_ITEM_LEAVE,
-    SERIES_CLICK, SERIES_HOVER, SERIES_OVER, SERIES_LEAVE, GLASS,
-    BORDER_BRIGHTNESS, TOOLTIP_OFFSET,
+    SERIES_CLICK, SERIES_HOVER, SERIES_OVER, SERIES_LEAVE,
+    GLASS, BORDER_BRIGHTNESS, TOOLTIP_OFFSET,
     START_SCALE, ERROR_LOW_FIELD, ERROR_HIGH_FIELD,
     X_ERROR_LOW_FIELD, X_ERROR_HIGH_FIELD,
     Y_ERROR_LOW_FIELD, Y_ERROR_HIGH_FIELD,
@@ -119,5 +122,6 @@ export {
     MOUSEWHEEL, MOUSEWHEEL_DELAY, MOUSEWHEEL_ZOOM_RATE,
     SHOW_TOOLTIP, HIDE_TOOLTIP,
     EQUALLY_SPACED_SERIES, ABOVE, BELOW,
-    HEATMAP
+    HEATMAP,
+    DRILLDOWN, DRILLDOWN_FIELD
 };

package/dist/es2015/chart/heatmap-chart/heatmap-chart.js

@@ -59,7 +59,13 @@ class HeatmapChart extends ChartElement {
 
     evalPointOptions(options, value, fields) {
         const { series, seriesIx } = fields;
-        const state = { defaults: series._defaults, excluded: [ "data", "tooltip", "content", "template", "visual", "toggle" ] };
+        const state = {
+            defaults: series._defaults,
+            excluded: [
+                "data", "tooltip", "content", "template",
+                "visual", "toggle", "drilldownSeriesFactory"
+            ]
+        };
 
         let doEval = this._evalSeries[seriesIx];
         if (!defined(doEval)) {

package/dist/es2015/chart/line-chart/line-chart.js

@@ -24,7 +24,7 @@ class LineChart extends CategoricalChart {
     }
 
     createPoint(data, fields) {
-        const { categoryIx, category, series, seriesIx } = fields;
+        const { series, seriesIx } = fields;
         const missingValues = this.seriesMissingValues(series);
         let value = data.valueFields.value;
 
@@ -37,9 +37,7 @@ class LineChart extends CategoricalChart {
         }
 
         let pointOptions = this.pointOptions(series, seriesIx);
-        pointOptions = this.evalPointOptions(
-            pointOptions, value, category, categoryIx, series, seriesIx
-        );
+        pointOptions = this.evalPointOptions(pointOptions, value, fields);
 
         let color = data.fields.color || series.color;
         if (isFunction(series.color)) {

package/dist/es2015/chart/range-area-chart/range-area-chart.js

@@ -26,7 +26,7 @@ class RangeAreaChart extends CategoricalChart {
     }
 
     createPoint(data, fields) {
-        const { categoryIx, category, series, seriesIx } = fields;
+        const { series, seriesIx } = fields;
         let value = data.valueFields;
 
         if (!hasValue(value.from) && !hasValue(value.to)) {
@@ -41,9 +41,7 @@ class RangeAreaChart extends CategoricalChart {
         }
 
         let pointOptions = this.pointOptions(series, seriesIx);
-        pointOptions = this.evalPointOptions(
-            pointOptions, value, category, categoryIx, series, seriesIx
-        );
+        pointOptions = this.evalPointOptions(pointOptions, value, fields);
 
         let color = data.fields.color || series.color;
         if (isFunction(series.color)) {