Formatting a chart

Hi there!

It's me once again with problems concerning the ui_chart. I have some time series data for one day:

[{"id":"72751a3a.7c2bf4","type":"function","z":"509589b6.d80d48","name":"","func":"let data = [\n    {\n        \"series\":[\"A\"],\n        \"data\":[[\n            {\"x\":18000000,\"y\":0},\n            {\"x\":23160000,\"y\":100},\n            {\"x\":54660000,\"y\":55},\n            {\"x\":69600000,\"y\":33},\n            {\"x\":73200000,\"y\":10},\n            {\"x\":76800000,\"y\":0}\n        ]]\n    }\n];\n\nlet ui_control = {\n    \"options\": {\n        \"scales\": {\n            \"xAxes\": [{\n                \"type\": \"time\",\n                \"time\": {\n                    \"displayFormats\": {\n                        \"hour\": \"H\",\n                        },\n                    \"unit\": \"hour\"\n                },\n                \"ticks\": {\n                    \"beginAtZero\": true,\n                    \"min\": 0,\n                    \"max\": 86400000,\n                    \"stepSize\": 7200000\n                }\n            }],\n            \"yAxes\": [{\n                \"ticks\": {\n                    \"stepSize\": 50\n                }\n            }]\n        },\n        \"elements\": {\n            \"line\": {\n                \"borderwidth\": 1,\n                \"fill\": true,\n                \"stepped\": true\n            },\n            \"point\": {\n                \"radius\": 5\n            }\n        },\n        \"legend\": {\n            \"display\": false\n        }\n    }\n};\n\n\nmsg.payload = data;\nmsg.ui_control = ui_control;\n\n\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","libs":[],"x":500,"y":280,"wires":[["f8c78286.80eca","2b18edcf.293fd2"]]},{"id":"f8c78286.80eca","type":"ui_chart","z":"509589b6.d80d48","name":"","group":"c28e0a58.44741","order":3,"width":12,"height":3,"label":"","chartType":"line","legend":"false","xformat":"H","interpolate":"linear","nodata":"no cron2","dot":false,"ymin":"0","ymax":"100","removeOlder":"1","removeOlderPoints":"24","removeOlderUnit":"3600","cutout":0,"useOneColor":false,"useUTC":true,"colors":["#1f77b4","#aec7e8","#ff7f0e","#2ca02c","#98df8a","#d62728","#ff9896","#9467bd","#c5b0d5"],"outputs":1,"useDifferentColor":false,"x":650,"y":280,"wires":[[]]},{"id":"55fcf7a0.571868","type":"inject","z":"509589b6.d80d48","name":"","props":[{"p":"payload"}],"repeat":"","crontab":"","once":false,"onceDelay":"1","topic":"","payload":"","payloadType":"date","x":360,"y":280,"wires":[["72751a3a.7c2bf4"]]},{"id":"d1288723.3fcac8","type":"inject","z":"509589b6.d80d48","name":"","props":[{"p":"payload"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"[]","payloadType":"json","x":350,"y":240,"wires":[["f8c78286.80eca"]]},{"id":"2b18edcf.293fd2","type":"debug","z":"509589b6.d80d48","name":"Chart2","active":true,"tosidebar":true,"console":true,"tostatus":false,"complete":"true","targetType":"full","statusVal":"","statusType":"auto","x":660,"y":320,"wires":[]},{"id":"c28e0a58.44741","type":"ui_group","name":"Rollladen","tab":"bb836699.cf63e","order":1,"disp":true,"width":12,"collapse":true},{"id":"bb836699.cf63e","type":"ui_tab","name":"Wohnzimmer","icon":"dashboard","order":1,"disabled":false,"hidden":false}]

But I can't get the x-axis (or time axis) to start at 0 and end at 24. I of course know that I can extend my data series with the start at 0 and the end at 24 to make it work. But I'd like to know how to write my ui_control to make it work without that workaround.

Thanks in advance!