X-axis labels are overlapped in LightningChart js

Question

Please see attached screenshot how labels are overlapped.

const lsjs = this.libraryInstance;
      // Create a new axis so as to show date on X axis
      const xAxis = this.chartInstance.addAxisX().setTickStrategy(lsjs.AxisTickStrategies.DateTime,
         (tickStrategy) => tickStrategy
            // This will format a data-point with value 0 as current Date and Time.
            .setDateOrigin(new Date(dateOrigin))
            .setFormattingDay(
            { year: 'numeric', month: 'long' },
            { day: '2-digit' },
            { hour: '2-digit', minute: '2-digit' })
          .setMinorTickStyle(undefined)
          .setGreatTickStyle(this.libraryInstance.emptyTick))
          .setAnimationZoom(undefined)
          .setChartInteractionZoomByWheel(false)
          .setAnimationScroll(undefined);

Any help in resolving this issue will be greatly appreciated

Answer 1

This issue has been fixed in LightningChart JS v3.0.0. You can download the new version from npm.