Someone over on StackOverflow posted an answer (
https://stackoverflow.com/a/50042063/988264) that shows, IMHO, a better way to do this.
If you do what you would do for a regular X range chart and set up
Code: Select all
yAxis: {
type: 'category',
categories: ["X", "Y", "Z"],
reversed: true
}
and then specify your milestones to have a y value matching the index of the category you want it to show up under, then you can let it keep it's true unique name of that particular milestone.
If you do what's suggested here, setting
forces you to set every milestone's name property to match the row that you want it to show up in, which means that in order to see the milestone's
actual name, you have to add a custom property to it and then override the tooltip formatter to use your custom property.
Also, doing it by setting uniqueNames: true seems to do something funky with the range selector - all the different "rows" are just mashed on top of each other, showing only one multi-colored row in the range selector, whereas if setting up the yAxis to use categories, the range selector handles the categories perfectly, and each category shows up as it's own row in the range selector also, so you see a more accurate mini-map.