Hi Ronaldo,
Like I said, the problem is that OutSystems doesn't understand your time labels, and treats them as any other labels. This means it reorders labels at will, trying to keep labels that appear in both series together, then showing the labels that are in only one series. For example, this is what it produces if I use only the first few data points:
xAxis: { title: {text: ''},categories:['08:26', '11:00', '11:02', '11:03', '11:01']},
series: [{name: 'Reservas', data: [{y:115}, {y:1}, {y:3}, {y:1}, {y:null}]}, {name: 'Entregas', data: [{y:null}, {y:7}, {y:8}, {y:null}, {y:12}]}]
As you can see, the categories are reordered. I don't know how to fix this in a satisfactory way. You can basically do two things, which in your specific case may not be a solution:
- Make sure that each series contains exactly the same categories (time labels), so OutSystems doesn't reorder them. Downside: you actually need data for each point (you can't add a data point with a "null" value);
- Make the series actual date/time series, by using a full date/time as category ("Label" in the DataPoint structure), optionally modifying the tooltip to hide the actual date. Downside: the x-axis will be linear, so if there's gaps in the data, there will be gaps in the chart.