@progress/kendo-charts 1.32.1 → 1.33.0-dev.202311081130

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

@@ -1,6 +1,7 @@
-import { deepExtend, eventElement, grep, inArray, setDefaultOptions, createHashSet } from '../../common';
+import { deepExtend, eventElement, grep, inArray, setDefaultOptions, createHashSet, cycleIndex } from '../../common';
 import { DATE } from '../../common/constants';
 import { CategoryAxis, DateCategoryAxis, Point } from '../../core';
+import { dateEquals } from '../../date-utils';
 import { HEATMAP } from '../constants';
 import HeatmapChart from '../heatmap-chart/heatmap-chart';
 import PlotAreaEventsMixin from '../mixins/plotarea-events-mixin';
@@ -293,9 +294,73 @@ var HeatmapPlotArea = (function (PlotAreaBase) {
         return Object.assign({}, axis.options.crosshair, { zIndex: 0 });
     };
 
+    HeatmapPlotArea.prototype._pointsByVertical = function _pointsByVertical (basePoint, offset) {
+        var this$1 = this;
+        if ( offset === void 0 ) offset = 0;
+
+        var normalizedOffset = this.axisX.options.reverse ? offset * -1 : offset;
+        var axisXItems = this.axisX.children;
+        var xIndex = this._getPointAxisXIndex(basePoint) + normalizedOffset;
+
+        xIndex = cycleIndex(xIndex, axisXItems.length);
+        var targetXValue = axisXItems[xIndex].value;
+
+        var points = this
+            .filterPoints(function (point) { return compareValues(point.pointData().x, targetXValue); })
+            .sort(function (a, b) { return this$1._getPointAxisYIndex(a) - this$1._getPointAxisYIndex(b); });
+
+        if (this.axisY.options.reverse) {
+            return points.reverse();
+        }
+
+        return points;
+    };
+
+    HeatmapPlotArea.prototype._pointsByHorizontal = function _pointsByHorizontal (basePoint, offset) {
+        var this$1 = this;
+        if ( offset === void 0 ) offset = 0;
+
+        var normalizedOffset = this.axisY.options.reverse ? offset * -1 : offset;
+        var axisYItems = this.axisY.children;
+        var yIndex = this._getPointAxisYIndex(basePoint) + normalizedOffset;
+
+        yIndex = cycleIndex(yIndex, axisYItems.length);
+        var targetYValue = axisYItems[yIndex].value;
+
+        var points = this
+            .filterPoints(function (point) { return compareValues(point.pointData().y, targetYValue); })
+            .sort(function (a, b) { return this$1._getPointAxisXIndex(a) - this$1._getPointAxisXIndex(b); });
+
+        if (this.axisX.options.reverse) {
+            return points.reverse();
+        }
+
+        return points;
+    };
+
+    HeatmapPlotArea.prototype._getPointAxisXIndex = function _getPointAxisXIndex (point) {
+        return this._getPointAxisIndex(this.axisX, point.pointData().x);
+    };
+
+    HeatmapPlotArea.prototype._getPointAxisYIndex = function _getPointAxisYIndex (point) {
+        return this._getPointAxisIndex(this.axisY, point.pointData().y);
+    };
+
+    HeatmapPlotArea.prototype._getPointAxisIndex = function _getPointAxisIndex (axis, pointValue) {
+        return axis.children.findIndex(function (axisItem) { return compareValues(pointValue, axisItem.value); });
+    };
+
     return HeatmapPlotArea;
 }(PlotAreaBase));
 
+function compareValues(a, b) {
+    if (a instanceof Date && b instanceof Date) {
+        return dateEquals(a, b);
+    }
+
+    return a === b;
+}
+
 function updateAxisOptions(targetOptions, axisIndex, vertical, options) {
     var axisOptions = ([].concat(vertical ? targetOptions.yAxis : targetOptions.xAxis))[axisIndex];
     deepExtend(axisOptions, options);

package/dist/es/chart/plotarea/plotarea-base.js

@@ -7,7 +7,8 @@ import { hasValue } from '../utils';
 import SeriesBinder from '../series-binder';
 
 import { WHITE, BLACK, X, Y, COORD_PRECISION, TOP, BOTTOM, LEFT, RIGHT, START, END, INHERIT } from '../../common/constants';
-import { append, deepExtend, defined, getSpacing, getTemplate, inArray, isFunction, isString, limitValue, round, setDefaultOptions, last } from '../../common';
+import { append, deepExtend, defined, getSpacing, getTemplate, inArray, isFunction, isString,
+    limitValue, round, setDefaultOptions, last, cycleIndex } from '../../common';
 import { TRENDLINE_SERIES } from '../constants';
 
 var PlotAreaBase = (function (ChartElement) {
@@ -846,6 +847,7 @@ var PlotAreaBase = (function (ChartElement) {
         if (categoryIndex !== null) {
             for (var i = 0; i < charts.length; i++) {
                 var chart = charts[i];
+
                 if (chart.pane.options.name === "_navigator") {
                     continue;
                 }
@@ -871,6 +873,12 @@ var PlotAreaBase = (function (ChartElement) {
         });
     };
 
+    PlotAreaBase.prototype.pointsByPointIndex = function pointsByPointIndex (pointIndex) {
+        return this.filterPoints(function(point) {
+            return point.getIndex() === pointIndex;
+        });
+    };
+
     PlotAreaBase.prototype.pointsBySeriesName = function pointsBySeriesName (name) {
         return this.filterPoints(function(point) {
             return point.series.name === name;
@@ -1037,6 +1045,68 @@ var PlotAreaBase = (function (ChartElement) {
         return this.series.find(function (series) { return series.name === name; });
     };
 
+    PlotAreaBase.prototype.getFirstPoint = function getFirstPoint () {
+        return this.pointsBySeriesIndex(0)[0];
+    };
+
+    PlotAreaBase.prototype.getPointBelow = function getPointBelow (point) {
+        return this._getNextPoint(point, this._pointsByVertical, 1);
+    };
+
+    PlotAreaBase.prototype.getPointAbove = function getPointAbove (point) {
+        return this._getNextPoint(point, this._pointsByVertical, -1);
+    };
+
+    PlotAreaBase.prototype.getPointToTheRight = function getPointToTheRight (point) {
+        return this._getNextPoint(point, this._pointsByHorizontal, 1);
+    };
+
+    PlotAreaBase.prototype.getPointToTheLeft = function getPointToTheLeft (point) {
+        return this._getNextPoint(point, this._pointsByHorizontal, -1);
+    };
+
+    PlotAreaBase.prototype._getNextPoint = function _getNextPoint (point, getPointsFunc, increment) {
+        var this$1 = this;
+
+        var points = getPointsFunc.call(this, point);
+        var pointIndex = points.indexOf(point);
+        var nextIndex = pointIndex + increment;
+        var loopPoints = function (direction) {
+            // loop over to last non-empty collection
+            var result;
+            var offset = 0;
+            do {
+                offset += direction;
+                result = getPointsFunc.call(this$1, point, offset);
+            } while (result.length === 0);
+
+            return result;
+        };
+
+        if (nextIndex < 0) {
+            points = loopPoints(-1);
+
+            return points.at(-1);
+        } else if (nextIndex >= points.length) {
+            points = loopPoints(1);
+
+            return points.at(0);
+        }
+
+        return points[nextIndex];
+    };
+
+    PlotAreaBase.prototype._pointsByVertical = function _pointsByVertical (basePoint) {
+        return this.pointsByPointIndex(basePoint.getIndex());
+    };
+
+    PlotAreaBase.prototype._pointsByHorizontal = function _pointsByHorizontal (basePoint, offset) {
+        if ( offset === void 0 ) offset = 0;
+
+        var index = cycleIndex(basePoint.series.index + offset, this.series.length);
+        return this.pointsBySeriesIndex(index);
+    };
+
     return PlotAreaBase;
 }(ChartElement));
 

package/dist/es/chart/plotarea/radar-plotarea.js

@@ -167,6 +167,14 @@ var RadarPlotArea = (function (PolarPlotAreaBase) {
 
     RadarPlotArea.prototype.createCrosshairs = function createCrosshairs () {};
 
+    RadarPlotArea.prototype._pointsByVertical = function _pointsByVertical (basePoint) {
+        return PolarPlotAreaBase.prototype._pointsByVertical.call(this, basePoint).sort(this._getSeriesCompareFn());
+    };
+
+    RadarPlotArea.prototype._getSeriesCompareFn = function _getSeriesCompareFn () {
+        return function (a, b) { return b.value - a.value; };
+    };
+
     return RadarPlotArea;
 }(PolarPlotAreaBase));
 

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

@@ -11,6 +11,10 @@ var RadarSegment = (function (DonutSegment) {
     RadarSegment.prototype = Object.create( DonutSegment && DonutSegment.prototype );
     RadarSegment.prototype.constructor = RadarSegment;
 
+    RadarSegment.prototype.getIndex = function getIndex () {
+        return this.categoryIx;
+    };
+
     return RadarSegment;
 }(DonutSegment));
 

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

@@ -5,7 +5,7 @@ import RangeLinePoint from './range-line-point';
 import PointEventsMixin from '../mixins/point-events-mixin';
 import NoteMixin from '../mixins/note-mixin';
 
-import { LINE_MARKER_SIZE, FADEIN, INITIAL_ANIMATION_DURATION, TOOLTIP_OFFSET, ABOVE, BELOW } from '../constants';
+import { LINE_MARKER_SIZE, FADEIN, INITIAL_ANIMATION_DURATION, TOOLTIP_OFFSET, ABOVE, BELOW, CHART_POINT_ROLE, CHART_POINT_CLASSNAME, CHART_POINT_ROLE_DESCRIPTION } from '../constants';
 import { WHITE, CIRCLE, HIGHLIGHT_ZINDEX, LEFT, RIGHT, BOTTOM, CENTER } from '../../common/constants';
 import { deepExtend, valueOrDefault, getSpacing } from '../../common';
 
@@ -91,6 +91,14 @@ var RangeAreaPoint = (function (ChartElement) {
         };
     };
 
+    RangeAreaPoint.prototype.createFocusHighlight = function createFocusHighlight () {
+        var group = new draw.Group();
+        group.append(this.fromPoint.createFocusHighlight());
+        group.append(this.toPoint.createFocusHighlight());
+
+        return group;
+    };
+
     RangeAreaPoint.prototype.tooltipAnchor = function tooltipAnchor () {
         var clipBox = this.owner.pane.clipBox();
         var showTooltip = !clipBox || clipBox.overlaps(this.box);
@@ -194,6 +202,18 @@ var RangeAreaPoint = (function (ChartElement) {
         point.owner = this.owner;
     };
 
+    RangeAreaPoint.prototype.focusVisual = function focusVisual () {
+        this.fromPoint.focusVisual();
+    };
+
+    RangeAreaPoint.prototype.clearFocusFromVisual = function clearFocusFromVisual () {
+        this.toPoint.clearFocusFromVisual();
+    };
+
+    RangeAreaPoint.prototype.getIndex = function getIndex () {
+        return this.categoryIx;
+    };
+
     return RangeAreaPoint;
 }(ChartElement));
 
@@ -235,6 +255,11 @@ RangeAreaPoint.prototype.defaults = {
     },
     tooltip: {
         format: '{0} - {1}'
+    },
+    accessibility: {
+        role: CHART_POINT_ROLE,
+        className: CHART_POINT_CLASSNAME,
+        ariaRoleDescription: CHART_POINT_ROLE_DESCRIPTION
     }
 };
 

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

@@ -1,7 +1,6 @@
 import Bar from '../bar-chart/bar';
-import BarLabel from '../bar-chart/bar-label';
 
-import { deepExtend, getTemplate } from '../../common';
+import { deepExtend } from '../../common';
 
 var RangeBar = (function (Bar) {
     function RangeBar () {
@@ -18,36 +17,16 @@ var RangeBar = (function (Bar) {
         var toOptions = deepExtend({}, labels, labels.to);
 
         if (fromOptions.visible) {
-            this.labelFrom = this._createLabel(fromOptions);
+            this.labelFrom = this.createLabelElement(fromOptions);
             this.append(this.labelFrom);
         }
 
         if (toOptions.visible) {
-            this.labelTo = this._createLabel(toOptions);
+            this.labelTo = this.createLabelElement(toOptions);
             this.append(this.labelTo);
         }
     };
 
-    RangeBar.prototype._createLabel = function _createLabel (options) {
-        var labelTemplate = getTemplate(options);
-        var pointData = this.pointData();
-
-        var labelText;
-
-        if (labelTemplate) {
-            labelText = labelTemplate(pointData);
-        } else {
-            labelText = this.formatValue(options.format);
-        }
-
-        return new BarLabel(labelText,
-            deepExtend({
-                vertical: this.options.vertical
-            },
-            options
-        ), pointData);
-    };
-
     RangeBar.prototype.reflow = function reflow (targetBox) {
         this.render();
 

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

@@ -172,7 +172,7 @@ var ScatterChart = (function (ChartElement) {
             excluded: [
                 "data", "tooltip", "content", "template", "visual", "toggle",
                 "_outOfRangeMinPoint", "_outOfRangeMaxPoint",
-                "drilldownSeriesFactory"
+                "drilldownSeriesFactory", "ariaTemplate"
             ]
         };
 

package/dist/es/common/constants.js

@@ -1,4 +1,10 @@
 export var ARC = "arc";
+export var ARROW_UP = "ArrowUp";
+export var ARROW_DOWN = "ArrowDown";
+export var ARROW_LEFT = "ArrowLeft";
+export var ARROW_RIGHT = "ArrowRight";
+export var TAB = "Tab";
+export var ARIA_ACTIVE_DESCENDANT = "aria-activedescendant";
 export var AXIS_LABEL_CLICK = "axisLabelClick";
 export var BLACK = "#000";
 export var BOTTOM = "bottom";

package/dist/es/common/cycleDown.js

@@ -0,0 +1,5 @@
+export default function cycleDown(index, count) {
+    var result = index - 1;
+
+    return result < 0 ? count - 1 : result;
+}

package/dist/es/common/cycleIndex.js

@@ -0,0 +1,13 @@
+export default function cycleIndex(index, length) {
+    if (length === 1 || (index % length) === 0) {
+        return 0;
+    }
+
+    if (index < 0) {
+        return length + (index % length);
+    } else if (index >= length) {
+        return index % length;
+    }
+
+    return index;
+}

package/dist/es/common/cycleUp.js

@@ -0,0 +1,3 @@
+export default function cycleUp(index, count) {
+    return (index + 1) % count;
+}

package/dist/es/common.js

@@ -3,6 +3,9 @@ export { default as removeClass } from './common/remove-class';
 export { default as alignPathToPixel } from './common/align-path-to-pixel';
 export { default as clockwise } from './common/clockwise';
 export { default as convertableToNumber } from './common/convertable-to-number';
+export { default as cycleUp } from './common/cycleUp';
+export { default as cycleDown } from './common/cycleDown';
+export { default as cycleIndex } from './common/cycleIndex';
 export { default as deepExtend } from './common/deep-extend';
 export { default as elementStyles } from './common/element-styles';
 export { default as getSpacing } from './common/get-spacing';

package/dist/es/core/chart-element.js

@@ -1,7 +1,7 @@
 import { drawing as draw } from '@progress/kendo-drawing';
 
 import { WHITE } from '../common/constants';
-import { Class, deepExtend, defined, valueOrDefault } from '../common';
+import { Class, deepExtend, defined, valueOrDefault, autoTextColor } from '../common';
 
 var ChartElement = (function (Class) {
     function ChartElement(options) {
@@ -260,8 +260,8 @@ var ChartElement = (function (Class) {
                         percentage: this.percentage,
                         runningTotal: this.runningTotal,
                         total: this.total
-                    }
-                ));
+                    })
+                );
 
                 if (!highlight) {
                     return;
@@ -280,6 +280,34 @@ var ChartElement = (function (Class) {
         highlight.visible(show);
     };
 
+    ChartElement.prototype.toggleFocusHighlight = function toggleFocusHighlight (show) {
+        var options = ((this.options || {}).accessibility || {}).highlight || {};
+        var focusHighlight = this._focusHighlight;
+
+        if (!show && !focusHighlight) {
+            return;
+        }
+
+        if (!focusHighlight) {
+            var rootBackground = this.getRoot().options.background;
+            var highlightColor = autoTextColor(rootBackground);
+            var focusHighlightOptions = {
+                fill: {
+                    opacity: options.opacity,
+                    color: options.color
+                },
+                stroke: Object.assign({}, {color: highlightColor}, options.border),
+                zIndex: options.zIndex
+            };
+
+            focusHighlight = this._focusHighlight = this.createFocusHighlight(focusHighlightOptions);
+
+            this.appendVisual(focusHighlight);
+        }
+
+        focusHighlight.visible(show);
+    };
+
     ChartElement.prototype.createGradientOverlay = function createGradientOverlay (element, options, gradientOptions) {
         var overlay = new draw.Path(Object.assign({
             stroke: {

package/dist/es/core/shape-builder.js

@@ -17,7 +17,7 @@ var ShapeBuilder = (function (Class) {
         var endAngle = sector.angle + startAngle;
 
         //required in order to avoid reversing the arc direction in cases like 0.000000000000001 + 100 === 100
-        if (sector.angle > 0 && startAngle === endAngle) {
+        if (sector.angle === 0 || sector.angle > 0 && startAngle === endAngle) {
             endAngle += DIRECTION_ANGLE;
         }
 

package/dist/es/core/shape-element.js

@@ -3,6 +3,7 @@ import { round, setDefaultOptions } from '../common';
 import { CENTER, CIRCLE, COORD_PRECISION, CROSS, ROUNDED_RECT, TRIANGLE } from '../common/constants';
 import { valueOrDefault } from '../drawing-utils';
 import BoxElement from './box-element';
+import addAccessibilityAttributesToVisual from './utils/add-accessibility-attributes-to-visual';
 
 var ShapeElement = (function (BoxElement) {
     function ShapeElement(options, pointData) {
@@ -112,6 +113,8 @@ var ShapeElement = (function (BoxElement) {
 
     ShapeElement.prototype.createVisual = function createVisual () {
         this.visual = this.createElement();
+
+        addAccessibilityAttributesToVisual(this.visual, this.options.accessibilityOptions);
     };
 
     return ShapeElement;

package/dist/es/core/utils/add-accessibility-attributes-to-visual.js

@@ -0,0 +1,8 @@
+export default function addAccessibilityAttributesToVisual(visual, accessibilityOptions) {
+    if (accessibilityOptions) {
+        visual.options.className = accessibilityOptions.className;
+        visual.options.role = accessibilityOptions.role;
+        visual.options.ariaLabel = accessibilityOptions.ariaLabel;
+        visual.options.ariaRoleDescription = accessibilityOptions.ariaRoleDescription;
+    }
+}

package/dist/es/core/utils/guid.js

@@ -0,0 +1,17 @@
+export default function guid() {
+    var id = "";
+    var i;
+    var random;
+
+    for (i = 0; i < 32; i++) {
+        random = Math.random() * 16 | 0;
+
+        if (i === 8 || i === 12 || i === 16 || i === 20) {
+            id += "-";
+        }
+
+        id += (i === 12 ? 4 : (i === 16 ? (random & 3 | 8) : random)).toString(16); // eslint-disable-line no-nested-ternary
+    }
+
+    return id;
+}

package/dist/es/map/layers/shape.js

@@ -321,7 +321,6 @@ var GeoJsonLoader = (function (Class) {
         }
     };
 
-    /* eslint-disable indent */
     GeoJsonLoader.prototype._loadGeometryTo = function _loadGeometryTo (container, geometry, dataItem) {
         var this$1 = this;
 
@@ -360,7 +359,6 @@ var GeoJsonLoader = (function (Class) {
                 break;
         }
     };
-    /* eslint-disable indent */
 
     GeoJsonLoader.prototype._setLineFill = function _setLineFill (path) {
         var segments = path.segments;

package/dist/es/map/navigator.js

@@ -138,7 +138,6 @@ export var Navigator = (function (Observable) {
         e.preventDefault();
     };
 
-    /* eslint-disable indent */
     Navigator.prototype._keydown = function _keydown (e) {
         switch (e.which) {
             case keys.UP:

package/dist/es/map/scroller/user-events.js

@@ -509,7 +509,6 @@ export var UserEvents = (function (Observable) {
         this.trigger(CANCEL);
     };
 
-    /* eslint-disable indent */
     UserEvents.prototype.notify = function notify (event, data) {
         var that = this,
             touches = that.touches;
@@ -539,7 +538,6 @@ export var UserEvents = (function (Observable) {
             type: eventName
         }));
     };
-    /* eslint-enable indent */
 
     UserEvents.prototype.press = function press (x, y, target) {
         this._apiCall('_start', x, y, target);

package/dist/es/map/utils.js

@@ -421,24 +421,6 @@ export var wheelDeltaY = function (jQueryEvent) {
     return delta;
 };
 
-export var guid = function () {
-    var id = "";
-    var i;
-    var random;
-
-    for (i = 0; i < 32; i++) {
-        random = Math.random() * 16 | 0;
-
-        if (i === 8 || i === 12 || i === 16 || i === 20) {
-            id += "-";
-        }
-
-        id += (i === 12 ? 4 : (i === 16 ? (random & 3 | 8) : random)).toString(16); // eslint-disable-line no-nested-ternary
-    }
-
-    return id;
-};
-
 export var now = function () {
     return Number(new Date());
 };

package/dist/es/map/zoom.js

@@ -109,7 +109,6 @@ export var ZoomControl = (function (Observable) {
         e.preventDefault();
     };
 
-    /* eslint-disable indent */
     ZoomControl.prototype._keydown = function _keydown (e) {
         switch (e.which) {
             case keys.NUMPAD_PLUS:

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

@@ -2,7 +2,7 @@ import { drawing as draw, Color } from '@progress/kendo-drawing';
 
 import BarLabel from './bar-label';
 
-import { BORDER_BRIGHTNESS, TOOLTIP_OFFSET } from '../constants';
+import { CHART_POINT_ROLE_DESCRIPTION, CHART_POINT_CLASSNAME, CHART_POINT_ROLE, BORDER_BRIGHTNESS, TOOLTIP_OFFSET } from '../constants';
 
 import hasGradientOverlay from '../utils/has-gradient-overlay';
 
@@ -10,6 +10,7 @@ import { ChartElement, Point } from '../../core';
 
 import PointEventsMixin from '../mixins/point-events-mixin';
 import NoteMixin from '../mixins/note-mixin';
+import AccessibilityAttributesMixin from '../mixins/accessibility-attributes-mixin';
 
 import { WHITE, LEFT, RIGHT, BOTTOM, TOP } from '../../common/constants';
 import { alignPathToPixel, deepExtend, defined, getTemplate, valueOrDefault } from '../../common';
@@ -46,24 +47,28 @@ class Bar extends ChartElement {
         const labels = options.labels;
 
         if (labels.visible) {
-            const pointData = this.pointData();
-            let labelTemplate = getTemplate(labels);
-            let labelText;
+            this.label = this.createLabelElement(labels);
+            this.append(this.label);
+        }
+    }
 
-            if (labelTemplate) {
-                labelText = labelTemplate(pointData);
-            } else {
-                labelText = this.formatValue(labels.format);
-            }
+    createLabelElement(options) {
+        return new BarLabel(this.getLabelText(options),
+            deepExtend({
+                vertical: this.options.vertical
+            },
+            options
+        ), this.pointData());
+    }
 
-            this.label = new BarLabel(labelText,
-                deepExtend({
-                    vertical: options.vertical
-                },
-                labels
-            ), pointData);
-            this.append(this.label);
+    getLabelText(options) {
+        let labelTemplate = getTemplate(options);
+
+        if (labelTemplate) {
+            return labelTemplate(this.pointData());
         }
+
+        return this.formatValue(options.format);
     }
 
     formatValue(format) {
@@ -100,6 +105,8 @@ class Bar extends ChartElement {
         if (this.visible !== false) {
             super.createVisual();
 
+            this.addAccessibilityAttributesToVisual();
+
             if (customVisual) {
                 const visual = this.rectVisual = customVisual({
                     category: this.category,
@@ -193,6 +200,13 @@ class Bar extends ChartElement {
         };
     }
 
+    createFocusHighlight(style) {
+        const borderWidth = this.options.accessibility.highlight.border.width;
+        const highlight = draw.Path.fromRect(this.box.pad(borderWidth / 2).toRect(), style);
+
+        return alignPathToPixel(highlight);
+    }
+
     getBorderColor() {
         const color = this.color;
         const border = this.options.border;
@@ -270,10 +284,15 @@ class Bar extends ChartElement {
             series: this.series
         };
     }
+
+    getIndex() {
+        return this.categoryIx;
+    }
 }
 
 deepExtend(Bar.prototype, PointEventsMixin);
 deepExtend(Bar.prototype, NoteMixin);
+deepExtend(Bar.prototype, AccessibilityAttributesMixin);
 
 Bar.prototype.defaults = {
     border: {
@@ -290,6 +309,11 @@ Bar.prototype.defaults = {
     opacity: 1,
     notes: {
         label: {}
+    },
+    accessibility: {
+        role: CHART_POINT_ROLE,
+        className: CHART_POINT_CLASSNAME,
+        ariaRoleDescription: CHART_POINT_ROLE_DESCRIPTION
     }
 };