G02: Add gantt chart with Journeys Visualization#16
Conversation
There was a problem hiding this comment.
Nicely done!
Almost there, besides my inline comments one thing to adjust regarding 3rd point of this exercise:
- Add a drag and drop functionality in the x dimension (except the last point that shows the international flight)
The last point is draggable, even though it shouldn't be.
| events: { | ||
| load() { | ||
| // Navigator doesn't display all data on start by default... | ||
| this.series.forEach(s => s.update({}, false)); |
There was a problem hiding this comment.
Looks like you've found the issue with Navigator not rendering the rows correctly, that's is a really nice workaround!
| labels: { | ||
| formatter: function () { | ||
| return `Day ${Math.floor((this.value - dateMin) / day) + 1}`; | ||
| } | ||
| } |
There was a problem hiding this comment.
Instead of using labels.formatter there is an easier way, which automatically parses date into given format, do you know which option I'm thinking about?
There was a problem hiding this comment.
Probably about dateTimeLabelFormats?
| }, | ||
| navigator: { | ||
| enabled: true, | ||
| liveRedraw: false |
There was a problem hiding this comment.
This option doesn't exist in the API
| drilldown: 'norway-brazil-flight-full', | ||
| parent: 'international-flights', | ||
| dependency: ['flights', 'international-flights'], | ||
| color: 'orange', |
There was a problem hiding this comment.
Nitpicking, but the color of this point as well as the drilldown points doesn't match the gif colors exactly. Could you please update it?
jedrzejruta
left a comment
jedrzejruta
left a comment
There was a problem hiding this comment.
Great work, thanks! 🎉
2 participants
No description provided.