The Design And Implementation Of AngularJS-based Framework Of Basic Flow Chart

As we all know,flow chart plays an important role in daily life and work,so the software which makes flow chart seems much significant Those softwares all run on Windows OS and are convenient to use,however,they all have some disadvantages.Meanwhile,B/S based applications are replacingthe position of Windows softwares,so there occurs some' B/S based application that can draw flow chart on browser.However,these applications also have some problems:not convenient as Windows softwares.So this article wants to combine the advantage of Windows software and B/S based application to make a frameworik,namely graph.js,which can easily be manipulated by user and runs on browser.This paper first introduces the background of graphjs:Windows softwares which create flow chart are easy to use,but have some obvious weakness,and do not follow the trend today.B/S based applications are not convenient as Windows softwares.So creating a framework which has the advantages of both is the target of this paper.Then the article analysises the techniques which acconplish graph.js,include AngularJS,d3.js,SVG and so on,at the same time,it also compares those techniques with other homologous techniques and explains the reason why uses thkose thecniques.Then this paper illustrates how to encapsulate the operations of d3.js into the directives of AngularJS and then creates new graphical labels,which is the foundation of flow chart.It also analysises the codes of the process.Next,the article introduces how to achieve the function on the base of the new graphical labels,those functions include dragging the graph,delete the graph,resizing the graph,adding custom attributes and uploading or downloading data and descrrbes the problems and solutions by showing the code.Lastly,three kinds of flow chart are created by graph.js,which means graph.js basically satifies the demand before.