@devexperts/dxcharts-lite 2.7.19 → 2.7.21

package/dist/chart/chart.config.d.ts

@@ -512,6 +512,7 @@ export interface ChartConfigComponentsHighLow {
         high: string;
         low: string;
     };
+    lineDash: Array<number>;
 }
 export interface ChartConfigComponentsCrossTool {
     /**
@@ -763,6 +764,7 @@ export interface YAxisLabelColorConfig {
     boxColor: string;
     textColor?: string;
     descriptionText?: string;
+    descriptionTextColor?: string;
 }
 export interface YAxisLastPriceLabelColorConfig {
     boxSelected: string;

package/dist/chart/chart.config.js

@@ -204,7 +204,7 @@ export const getDefaultConfig = () => ({
             logoWidth: 20,
             logoHeight: 20,
         },
-        highLow: { visible: false, font: '12px sans-serif', prefix: { high: 'H: ', low: 'L: ' } },
+        highLow: { visible: false, font: '12px sans-serif', prefix: { high: 'H: ', low: 'L: ' }, lineDash: [2, 4] },
         highlights: {
             visible: false,
             fontFamily: 'Open Sans',

package/dist/chart/components/y_axis/price_labels/price-label.drawer.js

@@ -65,7 +65,8 @@ export function drawLabel(ctx, yAxisDescriptionsCtx, backgroundCtx, bounds, pane
         lineXEnd = chartBounds.x + chartBounds.width;
     }
     const lineY = (_e = visualLabel.lineY) !== null && _e !== void 0 ? _e : visualLabel.y;
-    const _drawLine = () => showLine && avoidAntialiasing(ctx, () => drawLine(ctx, lineXStart, lineY, lineXEnd, lineY, 1));
+    const _drawLine = () => showLine &&
+        avoidAntialiasing(ctx, () => drawLine(ctx, lineXStart, lineY, lineXEnd, lineY, 1, visualLabel.lineDash));
     const _drawLabel = () => drawLabel(ctx, bounds, replaceMinusSign(text), centralY, visualLabel, config, colors.yAxis, false);
     const drawLineLabel = () => {
         _drawLine();

package/dist/chart/components/y_axis/y-axis-labels.drawer.d.ts

@@ -25,6 +25,7 @@ export interface YAxisLabelDrawConfig {
     paddingEnd?: number;
     paddingStart?: number;
     rounded?: boolean;
+    lineDash?: Array<number>;
 }
 export declare const DEFAULT_PRICE_LABEL_PADDING = 4;
 /**

package/dist/chart/inputlisteners/canvas-input-listener.component.js

@@ -4,11 +4,12 @@
  * If a copy of the MPL was not distributed with this file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 import { MouseButton, leftMouseButtonListener, subscribeListener } from '../utils/dom.utils';
-import { merge, Subject } from 'rxjs';
+import { asyncScheduler, fromEvent, merge, Subject } from 'rxjs';
 import { ChartBaseElement } from '../model/chart-base-element';
-import { distinctUntilChanged, filter, map, tap } from 'rxjs/operators';
+import { distinctUntilChanged, filter, map, tap, throttleTime } from 'rxjs/operators';
 import { EVENT_RESIZED } from '../events/events';
 import { deviceDetector } from '../utils/device/device-detector.utils';
+import { ONE_FRAME_MS } from '../utils/numeric-constants.utils';
 /**
  * Gathers user input on canvas element:
  * Chart update order should be following:
@@ -373,6 +374,9 @@ export class CanvasInputListenerComponent extends ChartBaseElement {
             this.canvasBounds.width = bcr.width;
             this.canvasBounds.height = bcr.height;
         }));
+        this.addRxSubscription(fromEvent(document, 'scroll', { capture: true, passive: true })
+            .pipe(throttleTime(ONE_FRAME_MS, asyncScheduler, { trailing: true }))
+            .subscribe(() => this.invalidateRectCache()));
         const mouseLeaveListener = () => {
             this.mouseLeavesCanvasSubject.next(true);
         };

package/dist/chart/utils/canvas/canvas-drawing-functions.utils.d.ts

@@ -46,7 +46,7 @@ export declare function drawPriceLabel(ctx: CanvasRenderingContext2D, x0: number
  *
  * @returns {void}
  */
-export declare function drawLine(ctx: CanvasRenderingContext2D, x0: number, y0: number, x1: number, y1: number, thickness?: number): void;
+export declare function drawLine(ctx: CanvasRenderingContext2D, x0: number, y0: number, x1: number, y1: number, thickness?: number, lineDash?: Array<number>): void;
 /**
  * Try to avoid anti-aliasing
  */

package/dist/chart/utils/canvas/canvas-drawing-functions.utils.js

@@ -109,8 +109,9 @@ export function drawPriceLabel(ctx, x0, y0, x1, y1, x2, y2, _width, rounded, ali
  *
  * @returns {void}
  */
-export function drawLine(ctx, x0, y0, x1, y1, thickness = 1) {
+export function drawLine(ctx, x0, y0, x1, y1, thickness = 1, lineDash = []) {
     ctx.save();
+    ctx.setLineDash(lineDash);
     ctx.lineWidth = thickness;
     ctx.beginPath();
     ctx.moveTo(x0, y0);