ibm-js/dtreemap

TreeMap Custom Element

dtreemap's Issues

use jsdoc for API doc

During drill up/down animation layout of sub elements is not done correctly

this comes from the fact that we have elements twice: once in the animated element and once outside. Unfortunately we relayout the non animated elements.

Drill down/up should work with double tap on mobile devices

Waiting for dojo/gesture discussions to finish before doing this (so that I don't do it twice)

Ideally keyboard navigation must be done through focus not selection

Introduce a childrenThreshold to be able to hide children below a certain depth level

Allow alternate cell renderers like ability to use Widgets for cells

Implement cell renderer (div) caching

This would allow to increase performances when re-creating the treemap hierarchy (but does it really worth it?, not sure)

Provide a treemap legend component

`dtreemap` is not repositioned when DOM is changed

dtreemap is not repositioned when DOM is changed. It could be only a CSS issue.
Below is an example that illustrates it.

1. when some long text is inserted before the treemap is built
   
2. when the same long text is inserted after the treemap is built (ie DOM is modified after treemap is built)
   

To reproduce this:

require(["dojo/ready", "dojo/dom", "dojox/treemap/TreeMap",
        "dojo/store/Memory", "dojox/color/MeanColorModel", "dojo/_base/Color"],
        function(ready, dom, TreeMap, Memory, MeanColorModel, Color) {
            ready(function(){

                // example from documentation
                var dataStore = new Memory({idProperty: "label", data:
                    [
                { label: "France", sales: 500, profit: 50, region: "EU" },
                { label: "Germany", sales: 450, profit: 48, region: "EU" },
                { label: "UK", sales: 700, profit: 60, region: "EU" },
                { label: "USA", sales: 2000, profit: 250, region: "America" },
                { label: "Canada", sales: 600, profit: 30, region: "America" },
                { label: "Brazil", sales: 450, profit: 30, region: "America" },
                { label: "China", sales: 500, profit: 40, region: "Asia" },
                { label: "Japan", sales: 900, profit: 100, region: "Asia" }
                ]});
                var colorModel = new MeanColorModel(new Color(Color.named.red), new Color(Color.named.green));
                new TreeMap({store: dataStore,
                    areaAttr: "sales", colorAttr: "profit", groupAttrs: ["region"],
                    colorModel: colorModel }, dom.byId("treeMap"));

                // changing the upper part of the DOM
                var longText = "Lorem ipsum dolor sit ame..."
                setTimeout(function(){
                    document.getElementById("text").innerText = longText;
                }, 500)
            });
        });

<p id="text"></p>
<div>
    <div id="treeMap" style="width:600px;height:600px"></div>
</div>

Null label on GroupLabel with IE

When viewing this jsfiddle http://jsfiddle.net/ibmjs/GtAy7/ in IE, all the country labels appear as "null".

Thanks @harbalk for the finding.

RTL support

It is already working, however one might want to reverse the treemap layout direction in RTL which is not feasible.

Add an option for grouping mechanism to ignore case

test_scaledLabel does not work on IE7

Add the ability to switch the treemap packing algorithm and/or provide more options on the algorithm

Support store with hierarchy (getChildren method)

In addition to supporting flat stores on which we build ourselves the hierarchy support as well hierarchical stores with getChildren method.

Would require at least an implementation of such as store in Dojo for proper testing (there is none right now).