Threshold option for colors
Threshold option to set apply different colors , ideally to show negative values or values below target.
I'd like to be able to specify two fills for an area- one above and one below. Why? I'm displaying bathymetry (water depth) data and I would like to display blue above the line to represent water, and dark brown below to represent the lake bottom and the earth/bedrock below.
The workaround I have arrived upon is to use two series with identical data, one with a threshold of zero (to represent the water above the bottom) and the other with a threshold set to the maximum depth, which represents the earth below the bottom.
This works for now but it seems a waste of resources, not tomention having to maintain two series.
Completed as of Highcharts 3.0
is there any progress on the multiple thresholds/colour ranges? Or does anyone have an example which simulates them? That would be awesome! Thanks!
Manish's Astral Manifestation commented
So can anyone post an example for this multiple threshold.. which shows different color for lines above the max threshold and lines below the min threshold
Юрій Гайовий commented
+1 multiple threshold
+1 multiple thresholds/color ranges
+1000 for multiple thresholds/color ranges please
+1 for multiple thresholds/colour ranges please
@JD Smith: This is currently not possible, but we are considering multiple color thresholds, or perhaps color ranges would be a better term.
JD Smith commented
Is there a way to use this to apply different colors to different sections of bars, without changing the threshold?
I'm looking to take a standard bar or column chart and make it so that between zero and 50, the bars are red, and between 50 and 100 the bars are green, but the threshold remains at zero so that the bars remain in the positive direction from zero up.
So a value of 30 would mean the bar extends from zero to 30 like normal, and is all red, but a value of 70 would mean the bar extends red from zero to 50 and then turns green from 50 to 70, with zero still the threshold point.
I tried this in this fiddle: http://jsfiddle.net/jaydge/bTt8z/
What happens when I apply a positive threshold value is, instead of the colors just changing above and below the threshold, the bars move out in a negative direction from the threshold point instead of zero.
We have thought about it - I suppose the existing logic for one threshold could be relatively easily updated to multiple thresholds.
Do you guys plan to add more than one threshold? That would be awesome! One is not always enough.
Евгений Ивлев commented
Our customers really need feature like this: http://www.anychart.com/products/anychart/docs/users-guide/Samples/sample-thresholds-area-chart-labels-and-tooltips.html That is library should paint area under the curve from x1 to x2 which are calculated by library rely on single Y-threshold. Take into account this http://www.anychart.com/products/anychart/docs/users-guide/Thresholds.html please. These features are very desired!
@Mark Romero: Thanks for your update.
@M: See http://www.highcharts.com/support/roadmap
When is Highcharts 3.0 planned?
Mark Romero commented
The above code will work only if the yAxis takes up the whole height of the chart (no height is specified.) Instead of this.plotHeight it should be series.yAxis.len, so that the threshold y value is relative to the axis an not the plot as a whole. See http://jsfiddle.net/PMyHQ/402/
The same approach goes for areas. I've updated the demo with an area. Again, this doesn't work in VML browsers.
Will this work for area chart? Do you have similar hack for area chart. This is an important feature for one of our major release
has anyone made a column chart version using thresholding yet? It would be very helpful! thanks!
Joe Kuan commented
1) Will this support multiple threshold values?
2) When using threshold against time series data, a threshold value may not be static across the whole time range. Does it support this scenario?
You guys so rock! Thanks for listening to the uservoice!
Just curious, will the planned feature be applicable to bars/columns as well?