@devexperts/dxcharts-lite 2.5.7 → 2.5.8

package/dist/chart/bootstrap.js

@@ -180,8 +180,8 @@ export default class ChartBootstrap {
         this.volumesComponent = new VolumesComponent(this.dynamicObjectsCanvasModel, chartComponent, scaleModel, canvasBoundsContainer, drawingManager, config, paneManager, this.dynamicObjects);
         this.chartComponents.push(this.volumesComponent);
         // grid component
-        const mainChartGridComponent = new GridComponent(mainCanvasModel, scaleModel, config, this.yAxisComponent.state, 'GRID', drawingManager, () => this.canvasBoundsContainer.getBounds(CanvasElement.ALL_PANES), () => this.canvasBoundsContainer.getBounds(chartPaneId), () => this.xAxisComponent.xAxisLabelsGenerator.labels, () => this.yAxisComponent.model.baseLabelsModel.labels, () => mainPane.mainExtent.toY(mainPane.mainExtent.getBaseline()), () => config.components.grid.visible);
-        this.chartComponents.push(mainChartGridComponent);
+        const verticalGridComponent = new GridComponent(mainCanvasModel, scaleModel, config, this.yAxisComponent.state, 'GRID', drawingManager, () => this.canvasBoundsContainer.getBounds(CanvasElement.ALL_PANES), () => this.canvasBoundsContainer.getBounds(chartPaneId), () => this.xAxisComponent.xAxisLabelsGenerator.labels, () => [], undefined, () => config.components.grid.visible);
+        this.chartComponents.push(verticalGridComponent);
         this.hoverProducer = new HoverProducerComponent(this.crossEventProducer, scaleModel, config, chartModel, canvasInputListener, this.canvasBoundsContainer, this.paneManager, timeZoneModel, formatterFactory);
         this.chartComponents.push(this.hoverProducer);
         this.crossToolComponent = new CrossToolComponent(config, crossToolCanvasModel, canvasBoundsContainer, drawingManager, paneManager, this.crossEventProducer, this.hoverProducer);

package/dist/chart/components/chart/basic-scale.d.ts

@@ -7,12 +7,16 @@ import { ScaleModel } from '../../model/scale.model';
 import VisualCandle from '../../model/visual-candle';
 import { Timestamp } from '../../model/scaling/viewport.model';
 import { ChartModel } from './chart.model';
+export interface BasicScaleOptions {
+    xScale?: boolean;
+    yScale?: boolean;
+}
 /**
  * Calculates the initial viewport.
  * @param scaleModel
  * @doc-tags scaling,viewport
  */
-export declare const createBasicScaleViewportTransformer: (scale: ScaleModel) => (visualCandleSource: VisualCandle[]) => void;
+export declare const createBasicScaleViewportTransformer: (scale: ScaleModel) => (visualCandleSource: VisualCandle[], scaleOptions?: BasicScaleOptions) => void;
 /**
  * Moves the viewport between 2 timestamps.
  * @param scaleModel

package/dist/chart/components/chart/basic-scale.js

@@ -8,13 +8,17 @@
  * @param scaleModel
  * @doc-tags scaling,viewport
  */
-export const createBasicScaleViewportTransformer = (scale) => (visualCandleSource) => {
+export const createBasicScaleViewportTransformer = (scale) => (visualCandleSource, scaleOptions = { xScale: true, yScale: true }) => {
     if (visualCandleSource.length !== 0) {
-        const vCandles = visualCandleSource.slice(Math.max(visualCandleSource.length - scale.state.defaultViewportItems, 0));
-        const startCandle = vCandles[0];
-        const endCandle = vCandles[vCandles.length - 1];
-        scale.setXScale(startCandle.startUnit, endCandle.startUnit + endCandle.width + scale.offsets.right);
-        scale.doAutoScale(true);
+        if (scaleOptions.xScale) {
+            const vCandles = visualCandleSource.slice(Math.max(visualCandleSource.length - scale.state.defaultViewportItems, 0));
+            const startCandle = vCandles[0];
+            const endCandle = vCandles[vCandles.length - 1];
+            scale.setXScale(startCandle.startUnit, endCandle.startUnit + endCandle.width + scale.offsets.right);
+        }
+        if (scaleOptions.yScale) {
+            scale.doAutoScale(true);
+        }
         scale.fireChanged();
     }
 };

package/dist/chart/components/chart/chart.model.d.ts

@@ -54,7 +54,7 @@ export declare class ChartModel extends ChartBaseElement {
     private candleWidthByChartType;
     secondaryChartColors: SecondaryChartColorsPool;
     lastTimeFrame: TimeFrameRange;
-    basicScaleViewportTransformer: (visualCandleSource: VisualCandle[]) => void;
+    basicScaleViewportTransformer: (visualCandleSource: VisualCandle[], scaleOptions?: import("./basic-scale").BasicScaleOptions) => void;
     timeFrameViewportTransformer: (timeframe: [number, number], zoomIn?: boolean | null) => void;
     private FAKE_CANDLES_DEFAULT;
     readonly pane: PaneComponent;

package/dist/chart/components/chart/chart.model.js

@@ -64,7 +64,9 @@ export class ChartModel extends ChartBaseElement {
         const candleSeries = new MainCandleSeriesModel(this.chartBaseModel, this.paneManager.panes[CHART_UUID].mainExtent, uuid(), this.paneManager.hitTestController.getNewDataSeriesHitTestId(), this.bus, this.scale, new ChartInstrument(), this.candlesTransformersByChartType, this.candleWidthByChartType, Object.assign({}, this.config.colors));
         candleSeries.config.type = this.config.components.chart.type;
         this.candleSeries.push(candleSeries);
-        scale.addXConstraint((_, state) => candleEdgesConstrait(state, this.mainCandleSeries.visualPoints, this.config.components.chart.minCandlesOffset, scale.getBounds()));
+        if (this.config.components.chart.minCandlesOffset > 0) {
+            scale.addXConstraint((_, state) => candleEdgesConstrait(state, this.mainCandleSeries.visualPoints, this.config.components.chart.minCandlesOffset, scale.getBounds()));
+        }
         this.basicScaleViewportTransformer = createBasicScaleViewportTransformer(scale);
         this.timeFrameViewportTransformer = createTimeFrameViewportTransformer(scale, this);
         this.pane = this.paneManager.panes[CHART_UUID];
@@ -217,7 +219,9 @@ export class ChartModel extends ChartBaseElement {
         });
         this.chartBaseModel.recalculatePeriod();
         this.autoScaleOnCandles();
-        this.scale.doAutoScale();
+        if (this.config.scale.auto) {
+            this.scale.doAutoScale();
+        }
         this.candlesSetSubject.next();
         this.canvasModel.fireDraw();
     }
@@ -779,7 +783,9 @@ export class ChartModel extends ChartBaseElement {
                 series.recalculateVisualPoints();
             }
         });
-        this.scale.doAutoScale();
+        if (this.config.scale.auto) {
+            this.scale.doAutoScale();
+        }
         this.candlesUpdatedSubject.next();
     }
     /**

package/dist/chart/components/pane/pane.component.js

@@ -88,9 +88,9 @@ export class PaneComponent extends ChartBaseElement {
      * @param {NumericYAxisLabelsGenerator} yAxisLabelsGenerator - The generator used to create the labels for the y-axis.
      * @returns {GridComponent} - The newly created GridComponent instance.
      */
-    createGridComponent(uuid, scale, yAxisLabelsGenerator, yAxisState) {
+    createGridComponent(uuid, scale, yAxisState, yAxisLabelsGetter, yAxisBaselineGetter) {
         const chartPaneId = CanvasElement.PANE_UUID(uuid);
-        const gridComponent = new GridComponent(this.mainCanvasModel, scale, this.config, yAxisState, `PANE_${uuid}_grid_drawer`, this.drawingManager, () => this.canvasBoundsContainer.getBounds(chartPaneId), () => this.canvasBoundsContainer.getBounds(chartPaneId), () => [], () => yAxisLabelsGenerator.generateNumericLabels());
+        const gridComponent = new GridComponent(this.mainCanvasModel, scale, this.config, yAxisState, `PANE_${uuid}_grid_drawer`, this.drawingManager, () => this.canvasBoundsContainer.getBounds(chartPaneId), () => this.canvasBoundsContainer.getBounds(chartPaneId), () => [], yAxisLabelsGetter, yAxisBaselineGetter, () => this.config.components.grid.visible);
         return gridComponent;
     }
     /**
@@ -135,7 +135,7 @@ export class PaneComponent extends ChartBaseElement {
         if (useDefaultHighLow) {
             scaleModel.autoScaleModel.setHighLowProvider('default', createCandlesOffsetProvider(() => ({ top: 10, bottom: 10, left: 0, right: 0, visible: true }), createDefaultYExtentHighLowProvider(yExtentComponent)));
         }
-        const gridComponent = this.createGridComponent(this.uuid, scaleModel, yExtentComponent.yAxis.model.labelsGenerator, yExtentComponent.yAxis.state);
+        const gridComponent = this.createGridComponent(this.uuid, scaleModel, yExtentComponent.yAxis.state, () => yExtentComponent.yAxis.model.baseLabelsModel.labels, () => yExtentComponent.toY(yExtentComponent.getBaseline()));
         yExtentComponent.addChildEntity(gridComponent);
         yExtentComponent.activate();
         this.yExtentComponents.push(yExtentComponent);

package/dist/chart/components/x_axis/x-axis-labels.generator.d.ts

@@ -18,7 +18,7 @@ export interface XAxisLabelsGenerator {
     /**
      * Generates x-axis labels from scratch. Heavy operation.
      */
-    generateLabels(): void;
+    generateLabels(prependedCandles?: VisualCandle[]): void;
     /**
      * Updates current labels state (x-position). Lightweight operation.
      */
@@ -107,7 +107,7 @@ export declare class XAxisTimeLabelsGenerator implements XAxisLabelsGenerator {
      * Calls the method generateWeightedLabels to generate labels.
      * @returns {void}
      */
-    generateLabels(): void;
+    generateLabels(prependedCandles?: VisualCandle[]): void;
     /**
      * Recalculates the labels by calling the method recalculateCachedLabels.
      * @returns {void}

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

@@ -86,14 +86,14 @@ export class XAxisTimeLabelsGenerator {
     /**
      * Make a prediction(750) about how many candles we need to fake to fill all X axis by labels
      */
-    getAllCandlesWithFake() {
+    getAllCandlesWithFake(prependedCandles = []) {
         const visualCandles = this.chartModel.mainCandleSeries.visualPoints;
         if (visualCandles.length === 0) {
             return [];
         }
         const fakeCandlesForSides = Array.from({ length: 750 });
         const appendFakeCandle = fakeCandlesForSides.map((_, idx) => fakeVisualCandle(this.chartModel.mainCandleSeries.dataPoints, this.chartModel.mainCandleSeries.visualPoints, this.chartModel.mainCandleSeries.meanCandleWidth, visualCandles.length + idx, this.chartModel.getPeriod()));
-        return [...visualCandles, ...appendFakeCandle];
+        return [...prependedCandles, ...visualCandles, ...appendFakeCandle];
     }
     /**
      * Maps an array of weighted points to an array of XAxisLabelWeighted objects.
@@ -139,8 +139,8 @@ export class XAxisTimeLabelsGenerator {
      * @function
      * @returns {void}
      */
-    generateWeightedLabels() {
-        const allCandlesWithFake = this.getAllCandlesWithFake();
+    generateWeightedLabels(prependedCandles = []) {
+        const allCandlesWithFake = this.getAllCandlesWithFake(prependedCandles);
         const weightedPoints = mapCandlesToWeightedPoints(allCandlesWithFake, this.weightToTimeFormatMatcherArray, this.timeZoneModel.tzOffset(this.config.timezone));
         const weightedLabels = this.mapWeightedPointsToLabels(weightedPoints, allCandlesWithFake);
         this.labelsGroupedByWeight = groupLabelsByWeight(weightedLabels);
@@ -253,8 +253,8 @@ export class XAxisTimeLabelsGenerator {
      * Calls the method generateWeightedLabels to generate labels.
      * @returns {void}
      */
-    generateLabels() {
-        this.generateWeightedLabels();
+    generateLabels(prependedCandles) {
+        this.generateWeightedLabels(prependedCandles);
     }
     /**
      * Recalculates the labels by calling the method recalculateCachedLabels.

package/dist/chart/inputhandlers/main-canvas-touch.handler.js

@@ -89,7 +89,7 @@ export class MainCanvasTouchHandler extends ChartBaseElement {
         const last = first +
             ((candleIndexes[0] - candleIndexes[1]) / (touchPositions[0] - touchPositions[1])) *
                 this.scale.getBounds().width;
-        if (first >= last) {
+        if (first >= last || touchPositions[0] === touchPositions[1]) {
             return;
         }
         this.scale.setXScale(first, last);