wijtreemap jQuery Widget

Data visualization tool that allows you to display a large volume, space-constrained

hierarchical data in a single rectangular space.

Syntax

Javascript (Usage)
Javascript (Specification)

$(function () {
    var options; // Type:  wijmo.treemap.wijtreemap.options
     
    $(".selector").wijtreemap(options);
});

function wijtreemap() : any;

Options

	Name	Description
	colorBinding	Default value: null A value that indicates the field to each item's color Default color field is 'color' if colorBinding is not set.
	data	Default value: null A value that indicates the array to use as a source that you can bind to treemap.
	height	Default value: null A value that indicates the height of the treemap in pixels.
	labelBinding	Default value: null A value that indicates the field to each item's label Default label field is 'label' if labelBinding is not set.
	labelFormatter	Default value: null A value that indicates a function which is used to format the label of treemap item.
	maxColor	Default value: null A value that indicates the color of max value.
	maxColorValue	Default value: null A value that indicates max value. If this option is not set, treemap will calculate max value automatically.
	midColor	Default value: null A value that indicates the color of mid value.
	midColorValue	Default value: null A value that indicates mid value. If this option is not set, treemap will calculate mid value automatically.
	minColor	Default value: null A value that indicates the color of min value.
	minColorValue	Default value: null A value that indicates min value. If this option is not set, treemap will calculate min value automatically.
	showBackButtons	Default value: false A value that indicates whether to show back button after treemap drilled down.
	showLabel	Default value: true A value that indicates whether to show the label.
	showTitle	Default value: true A value that indicates whether to show the title.
	showTooltip	Default value: false A value that indicates whether to show the tooltip.
	titleFormatter	Default value: null A value that indicates a function which is used to format the title of treemap item.
	titleHeight	Default value: 20 A value that indicates the height of the title.
	tooltipOptions	Default value: null A value that indicates options of tooltip.
	type	Default value: 'squarified' A value that indicates the type of treemap to be displayed.
	valueBinding	Default value: null A value that indicates the field to each item's value. Default value field is 'value' if valueBinding is not set.
	width	Default value: null A value that indicates the width of the treemap in pixels.

Top

Methods

	Name	Description
	destroy	The destroy method will remove the treemap functionality completely and will return the element to its pre-init state.
	refresh	This method refreshes the treemap.
	widget	Returns a jQuery object containing the original element or other relevant generated element.

Top

Events

	Name	Description
	drilledDown	This event fires after drill down.
	drillingDown	This event fires before drill down. This event can be cancelled, use "return false;" to cancel the event.
	itemPainted	This event fires after item is painted.
	itemPainting	This event fires before item is painting. User can create customize item in this event.
	painted	This event fires after treemap is painted.
	painting	This event fires before treemap is painting.
	rolledUp	This event fires after roll up.
	rollingUp	This event fires before roll up. This event can be cancelled, use "return false;" to cancel the event.

Top

Reference

wijtreemap jQuery Widget