@progress/kendo-charts 2.6.0-dev.202410221604 → 2.6.0

package/dist/es/chart/chart.js

@@ -20,8 +20,8 @@ import { ChartPane, ChartPlotArea, findAxisByName } from './api-elements';
 
 import { X, Y, VALUE, DEFAULT_WIDTH, DEFAULT_HEIGHT, DEFAULT_SERIES_OPACITY,
     ARROW_DOWN, ARROW_UP, ARROW_LEFT, ARROW_RIGHT, ARIA_ACTIVE_DESCENDANT, TAB, TOP, LEFT, BLACK,
-    ENTER, ESCAPE } from '../common/constants';
-import { addClass, Class, setDefaultOptions, deepExtend, defined, find, isObject, isFunction, elementSize, elementOffset,
+    ENTER, ESCAPE, BOTTOM } from '../common/constants';
+import { addClass, removeClass, Class, setDefaultOptions, deepExtend, defined, find, isObject, isFunction, elementSize, elementOffset,
     elementScale, elementStyles, eventCoordinates, bindEvents, unbindEvents, mousewheelDelta, FontLoader, inArray, round,
     valueOrDefault, isString, cycleUp, cycleDown, hasOwnProperty, hasClasses } from '../common';
 
@@ -43,6 +43,7 @@ var KEYDOWN = "keydown";
 var FOCUS = "focus";
 var BLUR = "blur";
 var MOUSEMOVE_DELAY = 20;
+var NO_DATA_OVERLAY_TOP_CLASS = "k-chart-overlay-top";
 
 var Chart = (function (Class) {
     function Chart(element, userOptions, themeOptions, context) {
@@ -120,6 +121,12 @@ var Chart = (function (Class) {
         if (this._hasSeriesData()) {
             this.overlayElement.style.display = "none";
         } else {
+            if (!this.options.title || (this.options.title && this.options.title.position !== BOTTOM)) {
+                addClass(this.overlayElement, NO_DATA_OVERLAY_TOP_CLASS);
+            } else {
+                removeClass(this.overlayElement, NO_DATA_OVERLAY_TOP_CLASS);
+            }
+
             this.overlayElement.style.display = "";
         }
 
@@ -602,7 +609,7 @@ var Chart = (function (Class) {
         var titlePosition = title ? title.options.position : '';
         var subtitlePosition = subtitle ? subtitle.options.position : '';
         var samePosition = titlePosition === subtitlePosition;
-        var subtitleAtTop = subtitlePosition !== 'bottom';
+        var subtitleAtTop = subtitlePosition !== BOTTOM;
 
         if (samePosition && subtitle) {
             this._titleBox.wrap(subtitle.box);

package/dist/es/chart/constants.js

@@ -21,6 +21,7 @@ var INTERPOLATE = "interpolate";
 var GAP = "gap";
 var ABOVE = "above";
 var BELOW = "below";
+var BOTTOM = "bottom";
 
 var SMOOTH = "smooth";
 var STEP = "step";
@@ -148,7 +149,8 @@ export {
     DONUT, INSIDE_END, INSIDE_BASE, OUTSIDE_END,
     MOUSEWHEEL, MOUSEWHEEL_DELAY, MOUSEWHEEL_ZOOM_RATE,
     SHOW_TOOLTIP, HIDE_TOOLTIP,
-    EQUALLY_SPACED_SERIES, ABOVE, BELOW,
+    EQUALLY_SPACED_SERIES,
+    ABOVE, BELOW, BOTTOM,
     HEATMAP,
     DRILLDOWN, DRILLDOWN_FIELD,
     MIN_MOVING_AVERAGE_PERIOD,

package/dist/es2015/chart/chart.js

@@ -20,8 +20,8 @@ import { ChartPane, ChartPlotArea, findAxisByName } from './api-elements';
 
 import { X, Y, VALUE, DEFAULT_WIDTH, DEFAULT_HEIGHT, DEFAULT_SERIES_OPACITY,
     ARROW_DOWN, ARROW_UP, ARROW_LEFT, ARROW_RIGHT, ARIA_ACTIVE_DESCENDANT, TAB, TOP, LEFT, BLACK,
-    ENTER, ESCAPE } from '../common/constants';
-import { addClass, Class, setDefaultOptions, deepExtend, defined, find, isObject, isFunction, elementSize, elementOffset,
+    ENTER, ESCAPE, BOTTOM } from '../common/constants';
+import { addClass, removeClass, Class, setDefaultOptions, deepExtend, defined, find, isObject, isFunction, elementSize, elementOffset,
     elementScale, elementStyles, eventCoordinates, bindEvents, unbindEvents, mousewheelDelta, FontLoader, inArray, round,
     valueOrDefault, isString, cycleUp, cycleDown, hasOwnProperty, hasClasses } from '../common';
 
@@ -43,6 +43,7 @@ const KEYDOWN = "keydown";
 const FOCUS = "focus";
 const BLUR = "blur";
 const MOUSEMOVE_DELAY = 20;
+const NO_DATA_OVERLAY_TOP_CLASS = "k-chart-overlay-top";
 
 class Chart extends Class {
     constructor(element, userOptions, themeOptions, context = {}) {
@@ -111,6 +112,12 @@ class Chart extends Class {
         if (this._hasSeriesData()) {
             this.overlayElement.style.display = "none";
         } else {
+            if (!this.options.title || (this.options.title && this.options.title.position !== BOTTOM)) {
+                addClass(this.overlayElement, NO_DATA_OVERLAY_TOP_CLASS);
+            } else {
+                removeClass(this.overlayElement, NO_DATA_OVERLAY_TOP_CLASS);
+            }
+
             this.overlayElement.style.display = "";
         }
 
@@ -587,7 +594,7 @@ class Chart extends Class {
         const titlePosition = title ? title.options.position : '';
         const subtitlePosition = subtitle ? subtitle.options.position : '';
         const samePosition = titlePosition === subtitlePosition;
-        const subtitleAtTop = subtitlePosition !== 'bottom';
+        const subtitleAtTop = subtitlePosition !== BOTTOM;
 
         if (samePosition && subtitle) {
             this._titleBox.wrap(subtitle.box);

package/dist/es2015/chart/constants.js

@@ -21,6 +21,7 @@ const INTERPOLATE = "interpolate";
 const GAP = "gap";
 const ABOVE = "above";
 const BELOW = "below";
+const BOTTOM = "bottom";
 
 const SMOOTH = "smooth";
 const STEP = "step";
@@ -148,7 +149,8 @@ export {
     DONUT, INSIDE_END, INSIDE_BASE, OUTSIDE_END,
     MOUSEWHEEL, MOUSEWHEEL_DELAY, MOUSEWHEEL_ZOOM_RATE,
     SHOW_TOOLTIP, HIDE_TOOLTIP,
-    EQUALLY_SPACED_SERIES, ABOVE, BELOW,
+    EQUALLY_SPACED_SERIES,
+    ABOVE, BELOW, BOTTOM,
     HEATMAP,
     DRILLDOWN, DRILLDOWN_FIELD,
     MIN_MOVING_AVERAGE_PERIOD,