getAnimationDuration();
The getAnimationDuration method returns chart animation duration.
This method returns a Numer value.
To execute the example the HTML page must contain the TreeMap component named «treeMap» (see «Example of Creating the TreeMap component» ). Process the following events: ActiveItemChanged, ItemClick, Refreshed. Get chart animation duration, show sizes of breadcrumb chain item, show sizes of the current chart instance, show sizes of draw item, show number of children for the container that stores the chart, and refresh the chart view:
// Process the ActiveItemChanged event treeMap.ActiveItemChanged.add(function (sender, args, timeout) { console.log("The ActiveItemChanged event is initialized") }); // Process the ItemClick event treeMap.ItemClick.add(function (sender, args, timeout) { console.log("The ItemClick event is initialized") }); // Process the Refreshed event treeMap.Refreshed.add(function (sender, args, timeout) { console.log("The Refreshed event is initialized") }); // Show chart animation duration console.log("Animation duration: " + treeMap.getAnimationDuration()) // Get the breadcrumb by chart element levels var breadcrumb = treeMap.getBreadcrumb(); // Show sizes of the breadcrumb element console.log("Breadcrumb sizes: " + breadcrumb.getWidth() + "x" + breadcrumb.getHeight()); // Get current chart instance var instance = treeMap.getInstance(); // Show sizes of the current chart instance console.log("Current chart instance sizes: " + instance.getWidth() + "x" + instance.getHeight()); // Get SVG-element where the chart is drawn var paperNode = treeMap.getPaperNode(); // Show sizes of draw item console.log("Draw item sizes: " + paperNode.clientWidth + "x" + paperNode.clientHeight); // Get <DIV> container where chart is var rootNode = treeMap.getRootNode(); // Show number of children for the container console.log("Number of children for the container that stores the chart: " + rootNode.childElementCount); // Refresh the chart view treeMap.refreshView();
After executing the example the browser consol shows animation duration, size of breadcrumb chain, sizes of the current chart instance, draw item size, number of children for the container storing the chart, and a message informing that the Refreshed event is fired:
Animation duration: 5000
Breadcrumb chain size: 640x24
Size of the current chart instance: 640x480
Draw item sizes: 640x349
Number of children for the container that stores the chart: 12
Refreshed event initialized
Click any chart branch with the left mouse button.
As the result the browser console shows messages, that the ActiveItemChanged and ItemClick events are fired:
ItemClick event initialized
ActiveItemChanged event initialized
See also: