Hi uni melb, welcome to the forum!

How can I change x-axis into a line graph? Bcz all my value is coming from all different xid.

I'm not sure what changing the x-axis into a line graph means.

Have you seen this thread (different points being used to make individual bars on a bar chart)? https://forum.infiniteautomation.com/topic/3503/how-to-chart-with-data-points-in-the-x-axis-instead-of-time

In the below figure line graph. I want to make a line graph start at 00:00 and finish at 24:00 .

If you post your markup we can help with this. The point values component allows you to specify the time range and that you would like "bookend" values, which means values at exactly the period start time and the period end time.

Be sure to check out the API Docs within Mango, like the <ma-point-values> component at the /ui/docs/ng-mango/ma-point-values pag.