Page Index Toggle Pages: 1 Send TopicPrint
Normal Topic Version 2.7 beta (Read 1193 times)
Slavcho
YaBB Moderator
*****
Offline


tech.support

Posts: 3147
Joined: Oct 19th, 2005
Version 2.7 beta
Jul 21st, 2016 at 3:41pm
Print Post  
Version 2.7 of MindFusion.Diagramming.js contains the following new features -

Treemap layout
Tree-maps represent hierarchies by nesting child nodes within their parents, where the areas of leaf nodes are proportional to their Weight values. Unlike other layout algorithms, TreeMapLayout expects hierarchies to be defined via grouping or containment (attachTo method and ContainerNode class), and will ignore any links in the diagram. The diagram area covered by the topmost nodes in a hierarchy is specified via the LayoutArea property. By default, the layout tries to keep the ratio of node sides as close as possible to one. However this could make it hard to distinguish separate levels of the hierarchy. To alleviate that, set Squarify to false, and child nodes will be arranged either as a row or a column inside their parent node, alternating directions for each level. The drawback is that when Weight ratios differ greatly or nodes contain many children, some nodes could end up with very narrow rectangles.


XML serialization
In addition to the loadFromXml method added in a previous version, the Diagram class now provides saveToXml method that serializes its contents in XML format supported by all MindFusion diagram libraries for mobile, desktop and web platforms. saveToXml posts the XML as text/xml to specified URL. The new saveToString and loadFromString methods generate or load XML strings instead, when their argument is set to SaveToStringFormat.Xml (a Json enumeration member creates JSON strings by calling older toJson method).

Miscellaneous
~ set TableNode.prototype.useScrollBars to show full scrollbars for scrollable tables instead of up/down buttons in captions.
~ the ShowDeleteButton property of DiagramNode displays a close/delete X button in upper-right that lets users delete the node by clicking.
~ styled text mode (EnableStyledText) now supports <sub> and <sup> tags for respectively subscript and superscript.
~ DiagramLink now calls onUpdateVisuals method to let you implement custom-drawing, working in same manner as its counterpart in node classes.
~ the new Flowcharter sample project shows how to create an online flowchart editor, providing UI for zooming, scrolling, creating new nodes and formatting nodes' contents -
http://mindfusion.eu/demos/jsdiagram/Flowcharter.html
~ the new TreeMap sample project demonstrates the TreeMapLayout tree mapping algorithm, where node weights are set to either population size or area of world countries -
http://mindfusion.eu/demos/jsdiagram/TreeMap.html
~ the new Inheritance Diagram sample project demonstrates how to visualize classes using TableNode objects -
http://mindfusion.eu/demos/jsdiagram/Inheritance.html

If anyone is interested in trying the beta version, please download this archive containing updated script files and new sample projects:
https://mindfusion.eu/_beta/diagramming.js.27.zip

Any comments, questions and general feedback are welcome.
« Last Edit: Aug 9th, 2016 at 10:00am by Slavcho »  
Back to top
 
IP Logged
 
Page Index Toggle Pages: 1
Send TopicPrint