extjs-gpl/build/examples/kitchensink/modern/src/view/d3/PivotTreeMapController.js

GPL licensed version of Sencha Ext JS

Ext.define('KitchenSink.view.d3.PivotTreeMapController', {
    extend: 'Ext.app.ViewController',
    alias: 'controller.treemap-pivot',

    showConfigurator: function(){
        this.getView().showConfigurator();
    },

    monthLabelRenderer: function(v){
        return Ext.Date.monthNames[v];
    },

    onBeforeAddConfigField: function(panel, config){
        var dest = config.toContainer,
            store = dest.getStore();

        if(dest.getFieldType() !== 'all' && store.getCount() >= 1){
            // this will force single fields on both axis and aggregate
            store.removeAll();
        }
    },

    onShowFieldSettings: function(panel, config){
        var align = config.container.down('[name=align]');
        // hide the alignment field in settings since it's useless
        if(align) {
            align.hide();
        }
    },

    onShowConfigPanel: function(view){
        var panel = view.down('pivotconfigpanel');
        panel.getLeftAxisHeader().getTitle().setText('Tree labels');
        panel.setTopAxisContainerVisible(false);
    },

    onTooltip: function (component, tooltip, node, element, event) {
        var view = this.getView(),
            tpl = view.lookupTpl(node.isLeaf() ? 'leafTpl' : 'parentTpl'),
            html;

        component.setSelection(node);

        html = tpl.apply(node);
        tooltip.setHtml(html);
    }

});