Hyperbolic Tree Maps and Tree maps
Treemaps is currently under development, but here is a small taste of what you can expect in the future.
At the moment there is four algorithms implemented to get users up and running quickly. These are the SliceAndDice, Stripes, Squarified, and Strip algorithm. By extending the series object, the users can also add their own algorithms for layouting the data.
A levels object is introduced to let the users set wanted options to a specific level, this is displayed in some of the demos. The levels object is great for using a mix of several algorithms in the same chart.
Demos:
- http://jsfiddle.net/highcharts/sqxqq1ry/
- http://jsfiddle.net/highcharts/pa1eoqps/
- http://jsfiddle.net/highcharts/tm720ufm/
-
Sorinel commented
Hi Jon,
I have another question "is the treemap going top support at least 3 levels of cells?"
- level 1: countries
- level 2: regions
- level 3: citiesCheers,
Sorinel C. -
Sorinel commented
Thank you Jon.
I got the latest treemap.js from GIT. Now, the other charts are OK. Thanks.
I signal some other issues, which you might already solved it:
-- the big cells are always at the end => I would like the big cells first, with the smallest going to the down-right corner.
-- if I have 2/3 levels treemap, and I set the special border color to the 1st/2nd levels, then the cell hover removes those borders.
-- if the cell is too small => don't show its label (eventually, force the minimum rectangle for a cell -- the treemap is not about being super-exact, but just giving a high-level view). Another idea, is to ignore cell that have a certain percentage of surface, like we do for the pie slices.
Thank you for your time, and I am looking forward for the next version of the .js file.
Regards,
Sorinel C. -
Hi Sorinel,
I have updated the demo: http://jsfiddle.net/jon_a_nygaard/dhcpf2wj/ and the treemap module should now work without breaking column and other series types. Thank you for the feedback so far.
I will have a look at your list of needs and come back to you as soon as possible. :-)
Since the treemap module is under development, and therefore does not really have a stable version yet, I would advise you to test with the latest version: https://rawgit.com/highslide-software/highcharts.com/treemap/js/modules/treemap.src.js
-
Sorinel commented
In your example (http://jsfiddle.net/jon_a_nygaard/dhcpf2wj/ ) you use the pie.
--> Actually, only the pie works :) -- so, please try with a bar or a line.Regards.
-
Sorinel commented
Hi Jon,
Thank you for the responses.
- 1. for the separate title bar I can accept your existing solution, but ... I have a question: "can you automatically hide the title in case of very small cells?"- 2. for the problems with the other charts: I saw that you have so many version of the treemap.js
* https://rawgit.com/highslide-software/highcharts.com/treemap/js/modules/treemap.src.js
* https://rawgit.com/highslide-software/highcharts.com/7ab293d42677f807e2d2209c38f092ebb3801b1b/js/modules/treemap.src.js
* https://rawgit.com/highslide-software/highcharts.com/aaf8924dac36479e28d767a8506049474ec5811c/js/modules/treemap.src.jsThe first one shows the cell ordered from the smallest to the biggest, and breaks the other charts that I use withthe version 4.0.4
The last 2 show the cell ordered from the biggest to smallest (as I really wanted), and they don't break the old charts, but they seem to have less functionality implemented.
This is what I really need from the treemap:
-------------------------------------------------------
- 1. have the nice title bar for multi-level cells (configurable to display or not, of course).
- 2. allow me to drill-down in the higher level cell by using its title (click on the title and automatically the whole treemaps shows pnly the content of the selected cell) - this is what I call zoom-in. Of course, that after that, we need zoom-out.
- 3. hover effect on the mouse, to allow me to set the cell border color and other eventually effects (background color, label color etc.)
- allow to select tooltip format.Thank you for your time.
Cheers,
Sorinel C. -
The treemap module should work well with existing Highcharts modules, without breaking them.
I have tried a test of the module with others, and can not seem to find the problem. Example http://jsfiddle.net/jon_a_nygaard/dhcpf2wj/
Could you provide a demo of the issue?Distinct title bars are currently not possible, we are working on a solution to provide this feature.
What you can do at current state is enabling dataLabels on groups and styling them, like in this example http://jsfiddle.net/highcharts/tm720ufm/ -
Sorinel commented
The current treemap.src.js file is breaking the other charts logic ... all of them are broken: pie, bar, line.
Can you validate that this new module works well with the existent ones, please? 'cause we are going to use many charts from your framework.
Regards
-
Sorinel commented
Is it possible to have the nice title of the parent group cells, like in this image? (for me I need 3 level of cells: Country - Region - City ... and for each country and region I would like to display their names in distinct title bars (as seen in the below image)
Regards
-
It's now resheduled to Q4.
-
Natascha commented
Hello, we are considering buying the product but Treemap is a vital feature for us. Is it already out? The Roadmap says "Q3", so should be before October 1 , correct?
-
We are currently in the process of adding the Drilldown feature to our Treemaps. Then zooming in on subcategories will be available.
-
sheetal commented
do you know if treemaps will be zoomable ? and is it possible to different categories.. like below link.
when user clicks on 'Industrial".. sub category comes.. -
Karel van der Poel commented
How soon is soon? Can you be more specific?
-
It's coming soon...
-
Jef commented
+1 I would like to see tree maps added to Highcharts
-
sfescape commented
It's concerning that four years after this request there is still no treemap in the product. This is prompting folks to move to d3.js due to the lack of this feature.
-
Rima commented
+ 1 for Treemaps
-
Roshanak Afsarifard commented
+1 Treemaps PLEASE.... :-)
-
Sabine commented
+1 for treemaps!!
-
Sébastien Brossolasco commented
+1