We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Can add a vertical stripline in X Axis Datetime a specific time?


it's possible add a vertical stripline in X-Axis Datetime every midnight?

Can I have come examples?

Best regards


1 Reply

SB Swetha Babu Syncfusion Team February 6, 2023 06:49 AM UTC

Hi Alessio,

Greetings from Syncfusion.

We can render the stripLine in the x-axis repeatedly for every midnight by setting the isRepeat property as true, repeatEvery property as 24, sizeType as Hours and specify the size property based on your requirement in stripLines property in primaryXAxis. We have created an angular application to demonstrate the same. Please find the below stackblitz link for your requirement.

Sample link: https://stackblitz.com/edit/angular-om6yk4?file=src%2Fapp.component.ts

Please find the below UG link for your reference.

UG link: https://ej2.syncfusion.com/angular/documentation/chart/strip-line#recurrence-stripline

Code Snippet:

stripLines: [{

            startFromAxis: true, size: 5, sizeType: 'Hours', isRepeat: true, repeatEvery: 24, visible: true,

            color: 'rgba(167,169,171, 0.3)'



Kindly, revert us if you have any concerns.



Live Chat Icon For mobile
Up arrow icon