Heat maps
The values in a two dimensional matrix are represented as colors.
http://en.wikipedia.org/wiki/Heat_map
Completed as of Highcharts 4. See http://www.highcharts.com/docs/chart-and-series-types/heatmap/
-
Anonymous commented
awesome!
-
@Anonymous: Categorized heatmaps work out of the box, see http://jsfiddle.net/highcharts/kmTrV/
-
Anonymous commented
I am struggling to make the heatmap work when the Yaxis and Xaxis are ordinal values (like say Segment names etc.)
Torstein, does the heatmap work with non-date attributes on the X & Y axis? Could you fiddle an example with ordinal values on the X&Y axis?
Thanks
-
Joe Kuan commented
FYI, including heatmap module under highmaps corrupts the colorAxis legend.
-
What you're seeing is the data module. For now it is only documented in the source code, see https://github.com/highslide-software/highcharts.com/blob/master/js/modules/data.src.js .
-
Joe Kuan commented
I had a look at the heatmap example (http://www.highcharts.com/maps/demo/heatmap) in Highmaps and I am a bit puzzled the data is outside of the series definition. Is that intentional? Would it affect series.setData?
Thanks
Joe -
Thanks Heiko Henning,
Currently the color range takes only two colors, but we will consider this going forward. Also, we have been discussing putting values in the legend, it would be almost like another axis with tick marks.
-
Heiko Henning commented
First ab big thx Torstein! I test your heatmap implementation:
https://github.com/highslide-software/highcharts.com/tree/master/samples/highcharts/map/heatmap
I have also sean that you will relaese that heatmap feature offical with release 4 of highcharts.
May i ask you for some new nfeatures for this chart:
If you have a look at:
http://e-ducation.net/images2/Ambient-temperature-ausgburg.pngThere you see that they use at least 5 colors to define a colorRange.
Is it possible to define 5 insted of currently just 2 colors?Is it posible ot have a legend { align: right, layout: vertical, verticalAlign: top } with a scale with "temperatures" to gave a relation between color and value.
I use it in combination with highstock, to have the navigator and rangeSelector and have the hours on the y axis. This is awesome that this work.
but the performance is horrible. When i use the range slider i have extrem lags in all browser. -
William commented
I see that Heatmaps are on your roadmap for Feb 2014. Do you know what features this will contain beyond what has been demonstrated in the plug-in?
-
joan commented
This plugin seems to do the job, however click events are not working, any hint?
-
Max Mueller commented
Heat maps would be great, especially if they were on-par visually with the ones provided by Raphael (dot chart -- http://g.raphaeljs.com/dotchart.html)
-
Mike Cullingham commented
Heat maps are a very nice way to display surface data in 2D. These would be quite useful.
-
Christopher Keith commented
Here's my starter using a stacked column chart... a little convoluted... improvements welcome: http://jsfiddle.net/intellisense/ghb9e/
-
Anonymous commented
This is a better example of what I have run across over the years: http://en.wikipedia.org/wiki/Tree_map
-
Marc commented
Your example from the map series, changing to have 961 points or more, the series.generatePoints() function always returns a data[] that is empty?
-
Alec Scott commented
Both single and double dimensions.
1. Single - Heat Map that arranges the squares based % increase over the previous day’s measure.
2. double - Heat Map laid out by x axis against a common y axis measure.. -
M. I. commented
A better example of a heatmap is http://flowingdata.com/2010/01/21/how-to-make-a-heatmap-a-quick-and-easy-solution/ . If Highcharts would support this would be fantastic. I tried to implement this using D3 and it's very simple. I wasn't able however to extend highcharts to achieve the same result :( .
-
Denice commented
We use highcharts in our enterprise product. The heatmap chart type is in high demand in our customer base. I think most business applications require this chart type.
-
Anonymous commented
Heatmap is something we really need in our project, the absence forces us to substitute those with other solutions, which isn't good.
-
Anonymous commented
Do you have an release date available? Is there any release candidate I could allready test?
Appriciate your time and effort.
best regards,
Jan