@sapui5/sap.viz 1.139.0 → 1.140.0

package/src/sap/viz/libs/sap-viz-info-charts.js

@@ -7163,6 +7163,7 @@ define('sap/viz/chart/components/legend/ColorLegend',[
     var HORIZONTAL_OFFSET = Constants.LEGEND.HORIZONTAL_OFFSET;
     var INTERACTION_CLASS =  Constants.CSS.CLASS.LEGENDITEM,
         ID_CLASS = "v-legend-element";
+    var MIN_ELEMENT_SIZE = Constants.MIN_INTERACTIVE_ELEMENT_SIZE;
 
     function ColorLegend(runtime, options) {
         ColorLegend.superclass.constructor.apply(this, arguments);
@@ -8134,6 +8135,8 @@ define('sap/viz/chart/components/legend/ColorLegend',[
         colorMarkerSize = colorMarkerSize && parseFloat(colorMarkerSize);
         var isHorizontal = this.isHorizontal();
         var isScrollable = this._isScrollable();
+        var isAccEnable = this._properties.origin.get('interaction.enableAccUpdates');
+        var isInteractive = !this._properties.origin.get('interaction.noninteractiveMode');
         var paddingBottom = markerMargin.bottom * textHeight;
         var markerSize = this._colorLabelSize * textHeight;
         var markerWidth = this._getMarkerWidth(markerSize);
@@ -8146,6 +8149,10 @@ define('sap/viz/chart/components/legend/ColorLegend',[
             markerWidth = this._getMarkerWidth(markerSize);
             eachRowHeight = (1 + markerMargin.bottom) * colorMarkerSize;
         }
+        var isMinimumSize = eachRowHeight < MIN_ELEMENT_SIZE;
+        if(isAccEnable && isInteractive && isMinimumSize){
+            eachRowHeight = MIN_ELEMENT_SIZE;
+        }
         this._markerSize = markerSize;
 
         var textWidthLimit = cDomain.maxWidth - paddingWidth - markerWidth;
@@ -8202,6 +8209,12 @@ define('sap/viz/chart/components/legend/ColorLegend',[
         var textY = ((overallHeight - textHeight) / 2 + bottom);
         var postRenderX = markerSize / 2 + HORIZONTAL_OFFSET;
         var postRenderY = overallHeight / 2 + bottom;
+        if(isAccEnable && isInteractive && isMinimumSize){
+            bottom = (MIN_ELEMENT_SIZE - textHeight) / 2;
+            textY = bottom;
+            shapeY = eachRowHeight / 2;
+            postRenderY = eachRowHeight / 2 ;
+        }
 
         cDomain.shapeX = shapeX;
         cDomain.shapeY = shapeY;
@@ -10015,6 +10028,7 @@ return {
         "interaction.deselected.stroke.color": "darken(20%)",
         "interaction.deselected.stroke.visible": false,
         "interaction.deselected.stroke.width": "1px",
+        "interaction.enableAccUpdates": false,
         "interaction.enableDeselectAll": true,
         "interaction.enableInternalEvents": {
             "access": "internal",
@@ -10243,6 +10257,7 @@ return {
         "interaction.deselected.stroke.color": "darken(20%)",
         "interaction.deselected.stroke.visible": false,
         "interaction.deselected.stroke.width": "1px",
+        "interaction.enableAccUpdates": false,
         "interaction.enableDeselectAll": true,
         "interaction.enableInternalEvents": {
             "access": "internal",
@@ -10505,6 +10520,7 @@ return {
         "interaction.deselected.stroke.color": "darken(20%)",
         "interaction.deselected.stroke.visible": false,
         "interaction.deselected.stroke.width": "1px",
+        "interaction.enableAccUpdates": false,
         "interaction.enableDeselectAll": true,
         "interaction.enableInternalEvents": {
             "access": "internal",
@@ -10680,6 +10696,7 @@ return {
         "interaction.deselected.stroke.color": "darken(20%)",
         "interaction.deselected.stroke.visible": false,
         "interaction.deselected.stroke.width": "1px",
+        "interaction.enableAccUpdates": false,
         "interaction.enableDeselectAll": true,
         "interaction.enableInternalEvents": {
             "access": "internal",
@@ -10940,6 +10957,7 @@ return {
         "interaction.deselected.stroke.color": "darken(20%)",
         "interaction.deselected.stroke.visible": false,
         "interaction.deselected.stroke.width": "1px",
+        "interaction.enableAccUpdates": false,
         "interaction.enableDeselectAll": true,
         "interaction.enableInternalEvents": {
             "access": "internal",
@@ -11222,6 +11240,7 @@ return {
         "interaction.deselected.stroke.color": "darken(20%)",
         "interaction.deselected.stroke.visible": false,
         "interaction.deselected.stroke.width": "1px",
+        "interaction.enableAccUpdates": false,
         "interaction.enableDeselectAll": true,
         "interaction.enableInternalEvents": {
             "access": "internal",
@@ -11613,6 +11632,7 @@ return {
         "interaction.deselected.stroke.color": "darken(20%)",
         "interaction.deselected.stroke.visible": false,
         "interaction.deselected.stroke.width": "1px",
+        "interaction.enableAccUpdates": false,
         "interaction.enableDeselectAll": true,
         "interaction.enableInternalEvents": {
             "access": "internal",
@@ -12066,6 +12086,7 @@ return {
         "interaction.deselected.stroke.color": "darken(20%)",
         "interaction.deselected.stroke.visible": false,
         "interaction.deselected.stroke.width": "1px",
+        "interaction.enableAccUpdates": false,
         "interaction.enableDeselectAll": true,
         "interaction.enableInternalEvents": {
             "access": "internal",
@@ -14074,6 +14095,7 @@ return {
         "interaction.deselected.stroke.color": "darken(20%)",
         "interaction.deselected.stroke.visible": false,
         "interaction.deselected.stroke.width": "1px",
+        "interaction.enableAccUpdates": false,
         "interaction.enableDeselectAll": true,
         "interaction.enableInternalEvents": {
             "access": "internal",
@@ -14274,6 +14296,7 @@ return {
         "interaction.deselected.stroke.color": "darken(20%)",
         "interaction.deselected.stroke.visible": false,
         "interaction.deselected.stroke.width": "1px",
+        "interaction.enableAccUpdates": false,
         "interaction.enableDeselectAll": true,
         "interaction.enableInternalEvents": {
             "access": "internal",
@@ -14671,6 +14694,7 @@ return {
         "interaction.deselected.stroke.color": "darken(20%)",
         "interaction.deselected.stroke.visible": false,
         "interaction.deselected.stroke.width": "1px",
+        "interaction.enableAccUpdates": false,
         "interaction.enableDeselectAll": true,
         "interaction.enableInternalEvents": {
             "access": "internal",
@@ -15063,6 +15087,7 @@ return {
         "interaction.deselected.stroke.color": "darken(20%)",
         "interaction.deselected.stroke.visible": false,
         "interaction.deselected.stroke.width": "1px",
+        "interaction.enableAccUpdates": false,
         "interaction.enableDeselectAll": true,
         "interaction.enableInternalEvents": {
             "access": "internal",
@@ -16496,6 +16521,7 @@ return {
         "interaction.deselected.stroke.color": "darken(20%)",
         "interaction.deselected.stroke.visible": false,
         "interaction.deselected.stroke.width": "1px",
+        "interaction.enableAccUpdates": false,
         "interaction.enableDeselectAll": true,
         "interaction.enableInternalEvents": {
             "access": "internal",
@@ -16807,6 +16833,7 @@ return {
         "interaction.deselected.stroke.color": "darken(20%)",
         "interaction.deselected.stroke.visible": false,
         "interaction.deselected.stroke.width": "1px",
+        "interaction.enableAccUpdates": false,
         "interaction.enableDeselectAll": true,
         "interaction.enableInternalEvents": {
             "access": "internal",
@@ -17095,6 +17122,7 @@ return {
         "interaction.deselected.stroke.color": "darken(20%)",
         "interaction.deselected.stroke.visible": false,
         "interaction.deselected.stroke.width": "1px",
+        "interaction.enableAccUpdates": false,
         "interaction.enableDeselectAll": true,
         "interaction.enableInternalEvents": {
             "access": "internal",
@@ -27394,6 +27422,9 @@ define('sap/viz/chart/behavior/config/ScreenReaderUtil',[
     var HOURS = "hours";
     var MINUTES = "minutes";
     var SENCONDS = "senconds";
+    var LEGEND_ITEM = Constants.CSS.CLASS.LEGENDITEM;
+    var MBC_LEGEND_ITEM = Constants.CSS.CLASS.MBCLEGENDITEM;
+    var SELECTED = Constants.CSS.CLASS.SELECTED;
     
     var setNonInteractiveScreenReaderDesc = function(chartArguments, service) {
         
@@ -27492,6 +27523,7 @@ define('sap/viz/chart/behavior/config/ScreenReaderUtil',[
         var valuesArray;
         var ctx;
         var units = service.getStatusManager().get("data.unit");
+        var isSelectionFeedback = service.getProperties().get('legend.selectionFeedback');
         switch (tabOrder) {
             case 1:
                 if (isTreeMap(service) && !targetId){
@@ -27586,7 +27618,9 @@ define('sap/viz/chart/behavior/config/ScreenReaderUtil',[
                 //.attr('aria-posinset', DataPointUtils.getDataId(target) + 1)
                 // .attr('aria-setsize', service.getDataModel().getDataPointCount())
                 if (!isNonInteractive) {
-                    d3.select(target).attr("role", "listitem");
+                    var parent = d3.select(target).node().parentNode;
+                    d3.select(target).attr("role", "option");
+                    d3.select(parent).attr("role", "listbox");
                 }
                 break;
             case 2:
@@ -27648,7 +27682,7 @@ define('sap/viz/chart/behavior/config/ScreenReaderUtil',[
                     });
                 }
                 if (!isNonInteractive) {
-                    d3.select(target).attr("role", "option").attr("tabindex", "0");
+                    d3.select(target).attr("role", "option");
                 }
                 break;
         }
@@ -27749,8 +27783,18 @@ define('sap/viz/chart/behavior/config/ScreenReaderUtil',[
         }
         text += ". ";
         if(!isNonInteractive) {
-            d3.select(target).attr('aria-label', text).attr("focusable", true)
+            d3.select(target).attr('aria-label', text).attr('tabindex', 0).attr("focusable", true)
                 .style('outline', 'none');
+            if(isSelectionFeedback){
+                var isLegendItemSelected = d3.select(target).attr('class').indexOf(LEGEND_ITEM + SELECTED);
+                if(isLegendItemSelected > -1){
+                    d3.select(target).attr('aria-label', text + ' Selected');
+                }
+                var isMBCLegendItemSelected = d3.select(target).attr('class').indexOf(MBC_LEGEND_ITEM + SELECTED);
+                if(isMBCLegendItemSelected > -1){
+                    d3.select(target).attr('aria-label', text + ' Selected');
+                }
+            }
 
             if (typeof target.focus === "function") {
                 target.focus();
@@ -28724,6 +28768,7 @@ define('sap/viz/chart/behavior/config/handler/KeyboardBehaviorHandler',[
         service.setStatus("hoveredLegendLabelId", null);
         service.setStatus("hoveredRadarLabelId", null);
 
+        service._rootNode.selectAll('g[tabindex="0"]').attr('tabindex', -1);
         service._rootNode.selectAll('g[focusable="true"]').attr('focusable', false);
     };
 
@@ -35235,6 +35280,7 @@ define('sap/viz/chart/components/axis/sub/AxisTitle',[
                         !useCustomColor && !titleObj.noNeedApplyHiddenTitleColor) {
                         //note: you have to set v-hidden-title css after v-title (because of css rules)
                         tItem.attr("class", className + " " + hiddenClassName);
+                        tItem.attr("aria-hidden", true);
                         tItem.attr("fill", hiddenStyleColor);
                     }
 
@@ -35726,17 +35772,20 @@ define('sap/viz/chart/components/util/BuildLayerUtil',[
     "sap/viz/framework/common/util/NumberUtils",
     "sap/viz/framework/common/util/DataUtils",
     "sap/viz/framework/common/util/ArrayUtils",
+    'sap/viz/framework/common/util/Constants',
     "sap/viz/chart/components/axis/renderer/DefaultCategoryLabelRenderer"
 ], function(
     NumberUtils,
     DataUtils,
     ArrayUtils,
+    Constants,
     DefaultCategoryLabelRenderer
 ) {
 
     var LABEL_OFFSET = 6;
     var TICK_SIZE = 5;
     var VERTICAL_ANGLE = 90;
+    var MIN_ELEMENT_SIZE = Constants.MIN_INTERACTIVE_ELEMENT_SIZE;
 
     var _buildUtils = {};
 
@@ -35951,7 +36000,8 @@ define('sap/viz/chart/components/util/BuildLayerUtil',[
         }
         var propStyle = config.propStyle;
         var labelVisible = config.labelVisible;
-
+        var isAccEnable = axisBody._properties.origin.get('interaction.enableAccUpdates');
+        var isInteractive = !axisBody._properties.origin.get('interaction.noninteractiveMode');
         var checkLabelVisible = config.checkLabelVisible;
 
         var truncatedLabelRatioSetting = +config.truncatedLabelRatioSetting;
@@ -36102,7 +36152,7 @@ define('sap/viz/chart/components/util/BuildLayerUtil',[
 
                     //determine initial step value
                     var len = filteredCells.length;
-                    step = noAutoHide ? 1 : _misc.getStep(filteredCells, 0, getPreferredSizeFn);
+                    step = noAutoHide ? 1 : _misc.getStep(axisBody, filteredCells, 0, getPreferredSizeFn);
                     if(truncatedLabelRatio === 1) {
                         //no rotation. So we have to check each label "noLabelSpace"
                         step = 1;
@@ -36135,7 +36185,7 @@ define('sap/viz/chart/components/util/BuildLayerUtil',[
                             labelNumber = 0;
                             j = -step;
                             //step changed
-                            step = _misc.getStep(filteredCells, prevIdx, getPreferredSizeFn);
+                            step = _misc.getStep(axisBody, filteredCells, prevIdx, getPreferredSizeFn);
                             continue;
                         }
                         prevIdx = j;
@@ -36250,6 +36300,9 @@ define('sap/viz/chart/components/util/BuildLayerUtil',[
                     minMinLayerBand = -offset;
                 }
                 refSize = NumberUtils.preciseSimple(maxRefSize + offset);
+                if(isAccEnable && isInteractive && refSize < MIN_ELEMENT_SIZE){
+                    refSize = MIN_ELEMENT_SIZE;
+                }
                 for (j = 0, jLength = cells.length; j < jLength; ++j) {
                     cell = cells[j];
                     cell.isVisible = false;
@@ -36269,6 +36322,10 @@ define('sap/viz/chart/components/util/BuildLayerUtil',[
                 if(config.isFlexibleLayers && (isVertical || layer.rotated)) {
                     layer.reCalculateLayerContext = true;
                 }
+
+                if(isAccEnable && isInteractive){
+                    layer.reCalculateLayerContext = false;
+                }
             } else {
                 maxMinLayerBand = 0;
                 var pSizeCache = [];
@@ -36302,7 +36359,13 @@ define('sap/viz/chart/components/util/BuildLayerUtil',[
                     if (maxRefSize < psize[cellRefSizeField]) {
                         maxRefSize = psize[cellRefSizeField];
                     }
-                    if (!noAutoHide && psize[cellSizeField] > cell[cellSizeField]) {
+                    var reCalcSize;
+                    if(isAccEnable && isInteractive){
+                        reCalcSize = MIN_ELEMENT_SIZE;
+                    }else{
+                        reCalcSize = psize[cellSizeField];
+                    }
+                    if (!noAutoHide && reCalcSize > cell[cellSizeField]) {
                         if(config.isFlexibleLayers) {
                             layer.reCalculateLayerContext = true;
                         }
@@ -36314,6 +36377,9 @@ define('sap/viz/chart/components/util/BuildLayerUtil',[
                     }
                 }
                 refSize = NumberUtils.preciseSimple(maxRefSize + offset);
+                if(isAccEnable && isInteractive && refSize < MIN_ELEMENT_SIZE){
+                    refSize = MIN_ELEMENT_SIZE;
+                }
                 
                 var visibleLabelNum = 0;
                 for (j = 0, jLength = cells.length; j < jLength; ++j) {
@@ -36329,6 +36395,17 @@ define('sap/viz/chart/components/util/BuildLayerUtil',[
                 if(visibleLabelNum <= 0) {
                     layer.isVisible = false;
                 }
+                var realSize;
+                if(axisBody._isVertical()){
+                    realSize = axisBody._realSize.height;
+                }else{
+                    realSize = axisBody._realSize.width;
+                }
+                var eachLabelSpace = realSize / layer.cells.length;
+                if(isAccEnable && isInteractive && eachLabelSpace < MIN_ELEMENT_SIZE){
+                    layer.isVisible = false;
+                    continue;
+                }
             }
             
             if(layer.reCalculateLayerContext) {
@@ -36441,7 +36518,7 @@ define('sap/viz/chart/components/util/BuildLayerUtil',[
     var hideOverlappedLabels = function(allCells, layers, layerIndex, isVertical, cellsToShow, 
             cellsToMeasure, isAllowEmptySegement) {
         //detect text height
-        var labelBand;        
+        var labelBand;
         for(var i = 0; i < allCells.length; i++) {
             if(isVertical) {
                 if(allCells[i].contentHeight) {
@@ -37136,18 +37213,28 @@ define('sap/viz/chart/components/util/BuildLayerUtil',[
         }
     };
 
-    _misc.getStep = function(cells, startIdx, getPreferredSizeFn) {
+    _misc.getStep = function(axisBody, cells, startIdx, getPreferredSizeFn) {
+        var isAccEnable = axisBody._properties.origin.get('interaction.enableAccUpdates');
+        var isInteractive = !axisBody._properties.origin.get('interaction.noninteractiveMode');
         if (cells.length <= 1) {
             return 1;
         }
         var step;
         var cell0 = cells[startIdx];
+        var start0 = cell0.cellStart;
         var end0 = cell0.end - 0.001; //fix javascript precision issue
         var len = cells.length;
         var cell;
         for (var j = startIdx + 1; j < len; j++) {
             cell = cells[j];
-            if (cell.cellStart >= end0) { //TODO: use cell.start to compare for better space usage
+            var isSkip;
+            if (isAccEnable && isInteractive){
+                isSkip = cell.cellStart - start0 >= MIN_ELEMENT_SIZE;
+            }else{
+                isSkip = cell.cellStart >= end0;
+            }
+            //TODO: use cell.start to compare for better space usage
+            if (isSkip){
                 for (var k = j; k < len; k++) {
                     getPreferredSizeFn(cells[k]);
                     if (cells[k].start >= end0) {
@@ -39373,6 +39460,7 @@ define('sap/viz/chart/components/axis/renderer/OrdinalCommonBodyRenderer',[
     var TICK_SIZE = 5;
     var LABEL_OFFSET = 6;
     var VERTICAL_ANGLE = 90;
+    var MIN_ELEMENT_SIZE = Constants.MIN_INTERACTIVE_ELEMENT_SIZE;
 
     var LONG_TICK_STROKE = "#B3B3B3";
     var TICK_LABEL_SPACING = TICK_SIZE + LABEL_OFFSET - 1;
@@ -39616,7 +39704,7 @@ define('sap/viz/chart/components/axis/renderer/OrdinalCommonBodyRenderer',[
     };
 
     rendererFunc.prototype.drawLabels = function(selection, layers, bound, position, props, effectManager,
-        needRowAxisOffset, labelOffset, additionalWidth, rebuildUI) {
+        needRowAxisOffset, labelOffset, additionalWidth, rebuildUI, isAccEnable, lineSize) {
         var layersReversed = layers.slice().reverse();
         var layersLength = layersReversed.length;
         var baseline = 0;
@@ -39626,7 +39714,8 @@ define('sap/viz/chart/components/axis/renderer/OrdinalCommonBodyRenderer',[
             baseline = getLayersBand(layersReversed, i);
             this.drawSingleLayerLabels(selection, layersReversed[i], bound,
                 position, props, baseline, i, layersReversed, effectManager,
-                needRowAxisOffset, labelOffset, additionalWidth, rebuildUI);
+                needRowAxisOffset, labelOffset, additionalWidth, rebuildUI,
+                isAccEnable, lineSize);
         }
         //remove labels out of layer limitation
         while(selection.select(".index_"+i).node()){
@@ -39668,10 +39757,18 @@ define('sap/viz/chart/components/axis/renderer/OrdinalCommonBodyRenderer',[
         return "translate(" + realXOffset + "," + realYOffset + ")";
     };
 
-    rendererFunc.prototype._setLabelRectSize = function(rectNode, labelSize, textSize) {
+    rendererFunc.prototype._setLabelRectSize = function(rectNode, labelSize, textSize, isAccEnable, isVertical) {
         if(rectNode && labelSize){
-            rectNode.setAttribute("width", labelSize.width);
-            rectNode.setAttribute("height", labelSize.height);
+            if(isAccEnable && isVertical){
+                rectNode.setAttribute("width", Math.max(labelSize.width, MIN_ELEMENT_SIZE));
+                rectNode.setAttribute("height", labelSize.height);
+            }else if(isAccEnable && !isVertical){
+                rectNode.setAttribute("width", labelSize.width);
+                rectNode.setAttribute("height", Math.max(labelSize.height, MIN_ELEMENT_SIZE));
+            }else{
+                rectNode.setAttribute("width", labelSize.width);
+                rectNode.setAttribute("height", labelSize.height);
+            }
         }
     };
 
@@ -39755,7 +39852,8 @@ define('sap/viz/chart/components/axis/renderer/OrdinalCommonBodyRenderer',[
     var MIN_SPACING = 24;
     
     rendererFunc.prototype.drawSingleLayerLabels = function(selection, layer, bound, position, props,
-        baseline, index, layers, effectManager, needRowAxisOffset, labelOffset, additionalWidth, rebuildUI) {
+        baseline, index, layers, effectManager, needRowAxisOffset, labelOffset, additionalWidth, rebuildUI,
+        isAccEnable, lineSize) {
         var clid = CATEGORY_LABEL_ID;
         var width = bound.width;
         var realWidth = bound.realSize && bound.realSize.width;
@@ -39798,7 +39896,8 @@ define('sap/viz/chart/components/axis/renderer/OrdinalCommonBodyRenderer',[
             }
         }
         offset = layers.length === 1 ? LABEL_OFFSET : TICK_SIZE;
-        this._setLabelParameters(labels, position, baseline, width, height, offset, layer);
+        this._setLabelParameters(labels, position, baseline, width, height, offset, layer, 
+            isAccEnable);
 
         var sizeLimitForFirstLabel = false;
         if(keepFirstAndLastLabel){
@@ -39905,11 +40004,22 @@ define('sap/viz/chart/components/axis/renderer/OrdinalCommonBodyRenderer',[
             var fontWeight = propStyle.fontWeight;
             var fontFamily = propStyle.fontFamily;
             var fontStyle = propStyle.fontStyle;
-            
+            var lineSizeOffset = lineSize / 2;
+
             config.styles = propStyle;
             
             this.setAttribute(clid, d.id);
-            this.setAttribute("transform", "translate(" + d.x + "," + d.y + ")");
+            if(isAccEnable){
+                if(isVertical){
+                    var labelX = d.x - lineSizeOffset;
+                    this.setAttribute("transform", "translate(" + labelX + "," + d.y + ")");
+                }else{
+                    var labelY = d.y + lineSizeOffset;
+                    this.setAttribute("transform", "translate(" + d.x + "," + labelY + ")");
+                }
+            }else{
+                this.setAttribute("transform", "translate(" + d.x + "," + d.y + ")");
+            }
             var psize = d._preferredSize;
             var refSize = Math.max(d[cellSizeField], psize[cellSizeField]);
 
@@ -39973,7 +40083,6 @@ define('sap/viz/chart/components/axis/renderer/OrdinalCommonBodyRenderer',[
                 }else if(keepFirstAndLastLabel){
                     rect.setAttribute("fill", "transparent");  
                 }
-
                 rect.setAttribute("x", d.rectX);
                 rect.setAttribute("y", d.rectY);
             }
@@ -40043,7 +40152,7 @@ define('sap/viz/chart/components/axis/renderer/OrdinalCommonBodyRenderer',[
                     width: forceLabelRotation && rotated ? d.rectHeight :d.rectWidth,
                     height: forceLabelRotation && rotated ? d.rectWidth: d.rectHeight
                 };
-                me._setLabelRectSize(rect, labelSize, textNodeSize);
+                me._setLabelRectSize(rect, labelSize, textNodeSize, isAccEnable, isVertical);
                 var textSize, textHeight, textWidth;
 
                 if(layer.rotated && layer.rotationAngle !== VERTICAL_ANGLE && layer.rotationAngle !== 0) {
@@ -40123,7 +40232,7 @@ define('sap/viz/chart/components/axis/renderer/OrdinalCommonBodyRenderer',[
     }
 
     rendererFunc.prototype._setLabelParameters = function(labels, position, baseline, width, height, textOffset,
-        layer) {
+        layer, isAccEnable) {
         var i = 0,
             length = labels.length,
             label;
@@ -40515,10 +40624,13 @@ define('sap/viz/chart/components/axis/sub/OrdinalCommonAxisBody',[
             properties.textAnchor = envManager.textAnchor();
             properties.reverseDots = envManager.reverseDots();
         }
-
+        var isAccEnable = this._properties.origin.get('interaction.enableAccUpdates');
+        var isInteractive = !this._properties.origin.get('interaction.nonInteractiveMode');
+        var lineSize = this._properties.get('axisLine.size');
         this._bodyRenderer.drawLabels(this._labelGroupNode, layers, bound, position,
             properties, this.runtime().effectManager(), this._needRowAxisOffset(), this._labelOffset, 
-            this._needExtened() ? this.getAdditionalWidth(): 0, rebuildUI);
+            this._needExtened() ? this.getAdditionalWidth(): 0, rebuildUI, isAccEnable && isInteractive, 
+            lineSize);
         
         if(this._bodyRenderer && this._bodyRenderer.applyLabelStyle){
             this._bodyRenderer.applyLabelStyle(this._labelGroupNode);
@@ -40691,6 +40803,9 @@ define('sap/viz/chart/components/axis/sub/OrdinalCommonAxisBody',[
     };
 
     OrdinalCommonAxisBody.prototype._getMaxLayersSize = function(spacings, sizeLimit) {
+        var lineSize = this._properties.get('axisLine.size');
+        var isAccEnable = this._properties.origin.get('interaction.enableAccUpdates');
+        var isInteractive = !this._properties.origin.get('interaction.noninteractiveMode');
         var sum = 0;
         for (var i = 0, length = spacings.length; i < length; ++i) {
             if (typeof sizeLimit !== 'number' || sum + spacings[i].interval <= sizeLimit) {
@@ -40703,6 +40818,9 @@ define('sap/viz/chart/components/axis/sub/OrdinalCommonAxisBody',[
                 break;
             }
         }
+        if(isAccEnable && isInteractive){
+            sum += lineSize / 2;
+        }
         return sum;
     };
 
@@ -42681,7 +42799,7 @@ define('sap/viz/chart/components/datalabels/DataLabels',[
                         step = Math.ceil((isDistributeByHeight ? labelBBox.height : labelBBox.width)/dPLength);
                         if (step === 0) {
                             break;
-                        } 
+                        }
                     }
                 }
             }
@@ -48662,7 +48780,7 @@ define('sap/viz/chart/components/plots/BasePlot',[
         var wrapper = SVG.create("g", selection);
         var mainNode = SVG.create("g", wrapper);
         mainNode.setAttribute("class", "v-plot-main");
-        mainNode.setAttribute('role', 'list');
+        mainNode.setAttribute('role', 'listbox');
         if (enableClipPath && !this._notNeedClippath) {
             wrapper.setAttribute("clip-path", "url(#" + clipPathId + ")");
         }
@@ -61333,6 +61451,7 @@ define('sap/viz/chart/components/axis/renderer/TimeBodyRenderer',[
     var LABEL_OFFSET = 11;
     var AXIS_CLASS_NAMES = Constants.CSS.CLASS.AXIS;
     var AXIS_INTERACTION_CLASS_NAMES = 'v-label-interaction';
+    var MIN_ELEMENT_SIZE = Constants.MIN_INTERACTIVE_ELEMENT_SIZE;
 
     var TICK_SIZE = 5;
     var LONG_TICK_SIZE = 10;
@@ -61427,6 +61546,8 @@ define('sap/viz/chart/components/axis/renderer/TimeBodyRenderer',[
         var labelClass = AXIS_CLASS_NAMES.LABEL + " " + AXIS_CLASS_NAMES.MORPHABLE_LABEL + " " +
                 AXIS_CLASS_NAMES.LABEL_BACKWORD;
         var styles = props.get('label.style');
+        var isInteractive = !props.origin.get('interaction.noninteractiveMode');
+        var isAccEnable = props.origin.get('interaction.enableAccUpdates');
         var offset = TextUtils.getTextBaselineOffset(styles);
         var fill = effectManager.register({
             fillColor: styles.color
@@ -61501,7 +61622,13 @@ define('sap/viz/chart/components/axis/renderer/TimeBodyRenderer',[
                         LABEL_OFFSET + layer.height - offset;
                 fillText(text, layer, fillUpperLevel);
                 text.setAttribute("x", layer.left - scrollOffset);
-                text.setAttribute("y", baseLayerTop);
+                var isMinimumSize = layer.height + 2 * HOVERSHADOW_PADDING < MIN_ELEMENT_SIZE;
+                var textPosInRect = (MIN_ELEMENT_SIZE - layer.height / 1.2) / 2;
+                if(isAccEnable && isInteractive && isMinimumSize){
+                    text.setAttribute("y", textPosInRect + baseLayerTop);
+                }else{
+                    text.setAttribute("y", baseLayerTop);
+                }
                 text.setAttribute("timelabel-id", layer.id);
 
                 var x, rectWidth;
@@ -61513,14 +61640,26 @@ define('sap/viz/chart/components/axis/renderer/TimeBodyRenderer',[
                         rectWidth = layer.width + 2 * HOVERSHADOW_PADDING;
                         var textSize = TextUtils.fastMeasure(layer.text, fontSize, fontWeight, fontFamily);
                         rect.setAttribute("x", x);
-                        rect.setAttribute("y", baseLayerTop + textSize.y - HOVERSHADOW_PADDING);
+                        if(isAccEnable && isInteractive && isMinimumSize){
+                            rect.setAttribute("y", LABEL_OFFSET);
+                            rect.setAttribute("height", MIN_ELEMENT_SIZE);
+                        }else{
+                            rect.setAttribute("y", baseLayerTop + textSize.y - HOVERSHADOW_PADDING);
+                            rect.setAttribute("height", layer.height + 2 * HOVERSHADOW_PADDING);
+                        }
                         rect.setAttribute("width", rectWidth);
-                        rect.setAttribute("height", layer.height + 2 * HOVERSHADOW_PADDING);
                     }
                     else if(layer.hasOwnProperty('rectX')){
                         x = layer.rectX - scrollOffset;
                         rect.setAttribute("x", x);
-                        rect.setAttribute("y", 1);
+                        
+                        if(isAccEnable && isInteractive && isMinimumSize){
+                            rect.setAttribute("y", LABEL_OFFSET);
+                            rect.setAttribute("height", MIN_ELEMENT_SIZE);
+                        }else{
+                            rect.setAttribute("y", 1);
+                            rect.setAttribute("height", baseLayerTop + HOVERSHADOW_PADDING);
+                        }
                         rectWidth = layer.rectWidth;
                         if(x > width) {
                             rectWidth = 0;
@@ -61529,7 +61668,6 @@ define('sap/viz/chart/components/axis/renderer/TimeBodyRenderer',[
                             rectWidth = width - x;
                         }
                         rect.setAttribute("width", rectWidth);
-                        rect.setAttribute("height", baseLayerTop + HOVERSHADOW_PADDING);
                     }
                 }
                 
@@ -61557,6 +61695,8 @@ define('sap/viz/chart/components/axis/renderer/TimeBodyRenderer',[
                     baseLayerTop = isTop ? height - LABEL_OFFSET - offset :
                         LABEL_OFFSET + d.height - offset;
                     var heightOffset = d.height * (i + 1) * (isTop ? -1 : 1);
+                    var isMinimumSize = d.height < MIN_ELEMENT_SIZE;
+                    var textPosInRect = (MIN_ELEMENT_SIZE - layer.height / 1.2) / 2;
                     var upperLevelRect = this.querySelector("." +  AXIS_CLASS_NAMES.BACKGROUND_RECT);
                     if(layer.hasOwnProperty('rectX')) {                            
                         upperLevelRect = SVG.create("rect");
@@ -61576,9 +61716,14 @@ define('sap/viz/chart/components/axis/renderer/TimeBodyRenderer',[
                             rectWidth = width - x;
                         }
                         upperLevelRect.setAttribute("x", x);
-                        upperLevelRect.setAttribute("y", (baseLayerTop + d.height * i * (isTop ? -1 : 1)) + 3);
+                        if(isAccEnable && isInteractive && isMinimumSize){
+                            upperLevelRect.setAttribute("y", (i + 1) * MIN_ELEMENT_SIZE + LABEL_OFFSET);
+                            upperLevelRect.setAttribute("height", MIN_ELEMENT_SIZE);
+                        }else{
+                            upperLevelRect.setAttribute("y", (baseLayerTop + d.height * i * (isTop ? -1 : 1)) + 3);
+                            upperLevelRect.setAttribute("height", d.height);
+                        }
                         upperLevelRect.setAttribute("width", rectWidth);
-                        upperLevelRect.setAttribute("height", d.height);
                     }
 
                     var upperLevelText = that.querySelector(".v-label-upperLevel:nth-child(" + (i + 2) + ")");
@@ -61591,7 +61736,11 @@ define('sap/viz/chart/components/axis/renderer/TimeBodyRenderer',[
                     upperLevelText.setAttribute("timelabel-id", layer.id);
                     upperLevelText.setAttribute("fill", fillUpperLevel);
                     upperLevelText.setAttribute("x", d.left - scrollOffset);
-                    upperLevelText.setAttribute("y", baseLayerTop + heightOffset);
+                    if(isAccEnable && isInteractive && isMinimumSize){
+                        upperLevelText.setAttribute("y", textPosInRect + baseLayerTop + (i + 1) * MIN_ELEMENT_SIZE);
+                    }else{
+                        upperLevelText.setAttribute("y", baseLayerTop + heightOffset);
+                    }
                 });
                 
             } else {
@@ -64717,6 +64866,7 @@ define('sap/viz/chart/components/axis/sub/TimeAxisBody',[
 
     var AXIS_CLASS_NAMES = Constants.CSS.CLASS.AXIS;
     var TIME_LEVEL = Constants.TIME_LEVEL;
+    var MIN_ELEMENT_SIZE = Constants.MIN_INTERACTIVE_ELEMENT_SIZE;
 
     var EASTERN_LANGUAGE = ["ja", "zh_CN", "zh_TW", "ko"];
 
@@ -65609,6 +65759,8 @@ define('sap/viz/chart/components/axis/sub/TimeAxisBody',[
             var scale = this._data;
             var range = scale.getRange();
             var rangeLong = Math.abs(range[0] - range[1]);
+            var isAccEnable = props.origin.get('interaction.enableAccUpdates');
+            var isInteractive = !props.origin.get('interaction.noninteractiveMode');
             var spacing = LABEL_OFFSET;
             var viewportWidth = refSize ? refSize.width : (this._size.width || rangeLong);
             var result = this._getTicksAndLabels(rangeLong, viewportWidth);
@@ -65617,7 +65769,13 @@ define('sap/viz/chart/components/axis/sub/TimeAxisBody',[
 
                 if (props.get('label.visible')) {
                     var labelStyle = this._properties.get('label.style');
-                    var labelHeight = this._measureTextSize('1', labelStyle).height;
+                    var labelHeight;
+                    var isMinimumSize = this._measureTextSize('1', labelStyle).height < MIN_ELEMENT_SIZE;
+                    if(isAccEnable && isInteractive && isMinimumSize){
+                        labelHeight = MIN_ELEMENT_SIZE;
+                    }else{
+                        labelHeight = this._measureTextSize('1', labelStyle).height;
+                    }
                     spacing += labelHeight * Math.max(result.labels.layerCount, 2);
                 }
             }