I need to show two different "views" of the data:
- One that shows various projects as the parent tasks, and their individual scheduled facility usage as the subtasks.
- One that highlights where different projects have conflicts for the usage of a facility. This uses the facilities as the parent tasks and shows the individual projects as the subtasks. In addition, for this view I do not want the parent task to have a continuous time span calculated by the earliest and latest subtask, i want to see specific conflicts, so I calculate where the conflict points are and set up milestones in the parent task track by taking advantage of yAxis: { uniqueNames: true } and the technique demonstrated here: https://jsfiddle.net/BlackLabel/jcdma83r/
In the first view, that shows each project as parent tasks and the facility usage per project as the subtasks, the zoom works as expected - when you get down to a certain zoom level, the legend/timeline in the top two bars of the chart show the appropriate resolution - "week-of-year" in the top bar and "day-of-week" in the bottom bar:
However, when showing the second view, with the conflicts, when zoomed in to a similar level, the legend/timeline does not show the correct resolution of "day-of-week". It gets stuck at "month-of-year" on the top bar and "week-of year" on the bottom bar:
I have set up a demo in Codesandbox to demonstrate the issue: https://codesandbox.io/s/highcharts-gan ... ues-sf87ge
I would suggest focusing on the date that I have shown in the screenshots, March 5 2021, because there is a single day task on that date that makes it easy to zoom in and see how things should look at the level of detail of a single day of the week.
What can I do to ensure that the zoom resolution for the legend/timeline works as expected in the second view?