@devexperts/dxcharts-lite 2.7.3 → 2.7.5

package/dist/chart/canvas/canvas-bounds-container.js

@@ -367,11 +367,14 @@ export class CanvasBoundsContainer {
      */
     getXAxisBounds(nMap, canvas) {
         const xAxis = this.getBounds(CanvasElement.X_AXIS);
+        const isSingleYAxis = this.yAxisWidths.left.length + this.yAxisWidths.right.length === 1;
+        const leftOffset = isSingleYAxis ? 0 : this.yAxisWidths.left.reduce((acc, width) => (acc += width), 0);
+        const rightOffset = isSingleYAxis ? 0 : this.yAxisWidths.right.reduce((acc, width) => (acc += width), 0);
         if (this.config.components.xAxis.visible) {
             const xAxisHeight = this.getXAxisHeight();
-            xAxis.x = 0;
+            xAxis.x = leftOffset;
             xAxis.y = canvas.height - xAxisHeight - nMap.height;
-            xAxis.width = canvas.width;
+            xAxis.width = canvas.width - rightOffset;
             xAxis.height = xAxisHeight;
         }
         else {

package/dist/chart/components/x_axis/x-axis-time-labels.drawer.js

@@ -61,6 +61,9 @@ export class XAxisTimeLabelsDrawer {
         ctx.fillStyle = color;
         for (const label of labels) {
             const x = this.viewportModel.toX(label.value) - calculateTextWidth(label.text, ctx, font) / 2;
+            if (x < bounds.x || x > bounds.width) {
+                continue;
+            }
             const y = bounds.y + fontHeight - 1 + offsetTop; // -1 for font drawing inconsistency
             const labelText = label.text;
             ctx.font = font;