arction / lcjs-example-0000-lineseries Goto Github PK

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);
Here is how I am adding x axis and later I am displosing the deafult X -axis.
Please see attched screenshot showing how the hours of the date are being overlapped.