Hello! I am a new user of Highcharts and had a question regarding zones.
Currently, I am experimenting with an arearangespline graph to show certain ranges, and utilizing zones and CSS filters to visually represent certain thresholds being met. Everything works fine if I want to have these zones apply to the data across the entire graph, but I have run into a problem with splitting the data up into sections along with using zones.
The initial thought was to use zones to show different thresholds, as illustrated in this fiddle: https://jsfiddle.net/9yas0vkt/
The issue here is that I want to show different sections of data with different thresholds.
My current solution has been to split the data into distinct sets of data that would each utilize different zones, but this leaves gaps in between the sets of data.
I have this shown in the fiddle here: https://jsfiddle.net/d4qLt8k2/
A solution to this would be to connect these with more sets of data including just the two points between them. The only issue here is that there does not seem to be a clean way to connect these sets of data if I want the breakpoint of where the data splits in the zone thresholds to be in between the two data points. The fiddle here demonstrates this solution: https://jsfiddle.net/hd2L4bz1/
Is there a better way of going about this? I would really like to have the sections divided in between the sets of data shown in the 2nd fiddle rather than using the 3rd fiddle option of choosing a set of zones to use between the sections.