How to draw a flow graphic? urgently for the answer

Hi Kawashima,

My apologies for the delay in getting back to you.

You can draw the orthogonal lines without routing over each other by adding ports to the root symbol depending on the number of child symbols and by adjusting the location of the ports.

Kindly take a look at the attached sample.

You can download the sample from the below given Webpage link,
http://websamples.syncfusion.com/samples/Diagram.Windows/F58643/main.htm

Let me know whether this helps you.

Thanks & Regards,
Ramya.

Thanks,
I know your mean. But I draw the flow graphic with few nodes data is layout rightly. I draw the flow graphic with the attachment file large nodes data isn't layout rightly. It displays each Orthogonal line acrossing on having leaf nodes. new question when use the syncfusion digram. I try to move the leaf node location for each Orthogonal line not across, but I don't success to draw it with some times. So I think asking some help. Could you give some sample application and help me to draw it with my provided attachment file data? I am highly appreaciting for your help.


Thanks for your reply.

Kawashima,

FlowNodes0.zip

Hi Kawashima,

Sorry for the inconvenience caused. You can load the symbols to the diagram using FlowNodes data sourced from an Access database.

private Hashtable ReadEmployeeDataFromDatabase()
{
Hashtable htemployees = new Hashtable();

string currentpath = Application.ExecutablePath;
string datasrcpath = currentpath.Substring(0,currentpath.IndexOf("bin")) + "data\\FlowNodes3.mdb";
string connectionstring = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" + datasrcpath + ";";
OleDbConnection orgdbconnection = new OleDbConnection(connectionstring);

string orgdbselectquery = "SELECT * FROM FlowNodes";
OleDbCommand orgdbcommand = new OleDbCommand(orgdbselectquery, orgdbconnection);

orgdbconnection.Open();

OleDbDataReader orgdbreader = orgdbcommand.ExecuteReader();
while(orgdbreader.Read())
{
object[] employeedata = new object[3];
int count = orgdbreader.GetValues(employeedata);
Employee emply = new Employee();
emply.EmployeeID = employeedata[0].ToString();
emply.EmployeeName = (string)employeedata[1];
if(count == 3)
emply.ManagerID = employeedata[2].ToString();
htemployees.Add(emply.EmployeeID, emply);
}

orgdbreader.Close();

orgdbcommand.Connection.Close();

return htemployees;
}

I have attached the sample for your reference. This sample demonstrates the use of an ADO.NET datareader to interface with the FlowNodes database.

http://websamples.syncfusion.com/samples/Diagram.Windows/F58690/main.htm

I hope this will meet your requirement. Please provide a sample or modify this sample if this not meets your requirement.

Thanks for using Syncfusion product

Regards,
Nagaraj

Hi Nagaraj,
I want to draw the flow graphic with the attachment file by diagram. My flow graphic isn't tree layout, it has some input node and output node. Each input node and output node may has some children node. The IsInputNode field of the node is true if the node is input node, otherwise it is false. I want to draw input node on the top of diagram graphic and output node on the bottom of diagram graphic. I want to draw it with the attachment file by automatic layout. I try many times to do, but I don't success to draw it. I want each Orthogonal line not across, mean each Orthogonal line with itself routing in its all routing track. So I think asking some help. Could you give some sample application and help me to draw it with my provided attachment file data? I am highly appreaciting for your help.

Tip: The attachment has three files, two file is error layout graphic file about input node error layout and output node error layout, one file is the data source for drawing the flow graphic.

Thanks,

Hi Nagaraj,
I want to send the attachment file to you, but it occurs some error on with the attachment file. So I explain that the data source file and error layout graphic file is my sended attachment file ago.
http://www.syncfusion.com/support/Forums/message.aspx?&MessageID=58643
The error layout graphic file is 'flowgraphic.zip' and the data source file is 'FlowNodes0.zip'.

Thanks,

Hi Kawashima,

If you want to draw the orthogonal lines, not getting intersected when loading, then you have to customize the OrthogonalLine class and you can change the default line routing. Also you can set the different CompassHeading to change the direction of the orthogonal Links. Please refer to the following code snippet.

PointF point1=new PointF(node9.CenterPort.Location.X,node9.CenterPort.Location.Y-70);

MyLink ortholink1 = new MyLink(node2.CenterPort.Location, CompassHeading.South,
point1, CompassHeading.North);
ortholink1.EndPoints.FirstEndPointDecorator = new EndPointDecorator(EndPointVisuals.Diamond);
ortholink1.EndPoints.LastEndPointDecorator = new EndPointDecorator(EndPointVisuals.ClosedArrow);
linkCmd.Link = ortholink1;
linkCmd.SourcePort = node2.CenterPort;
linkCmd.TargetPort = node9.topport2;
this.diagram1.Controller.ExecuteCommand(linkCmd);

I have attached the sample that demonstrates this completely. You can download the sample from the following page.

http://websamples.syncfusion.com/samples/Diagram.Windows/FlowGraphics/main.htm

I have created a sample based on your requirements with the lines not getting intersected when loading .....If this is not what you needed, then please send us a sample explaing things in brief, so that we could modify your sample with the needed features. If you hesitate uploading samples in forums, then kindly open a Direct Trac incident mentioning this forum with sample, so that we could follow up there. We assure you that information and samples which you share are secure.

Thanks,
Nagaraj

Hi Nagaraj,
My Sample is the attachment file to you, it occurs some error on layout the data source nodes. Could you modify my sample with the needed features? I am highly appreaciting for your help.

Thanks,

error_layout_graphic12.zip

Hi Kawashima,

Thank you for your sample and for being patience.

We are currently analyzing your application in a detailed manner for the cause of this issue. We will trace out the reason for this issue and update you the exact details at the earliest. Sorry for any inconvenience caused.

Have a nice day.

Thanks,
Nagaraj

Hi,
I will wait for your help. Please send me if you finish the error question.

Thanks,
kawashima

Hi Kawashima,

Kindly accept my sincere apologies for this delay. Currently we are very busy in v.5 release. I have modified the default line routing by customizing OrthogonalLine class.

MyLink ortholink = new MyLink(subflownodesymbol.CenterPort.Location, CompassHeading.South,
subflownodesymbol.CenterPort.Location, CompassHeading.North);
LinkCmd linkCmd = new LinkCmd();
ortholink.EndPoints.FirstEndPointDecorator = new EndPointDecorator(EndPointVisuals.Diamond);
ortholink.EndPoints.LastEndPointDecorator = new EndPointDecorator(EndPointVisuals.ClosedArrow);
linkCmd.Link = ortholink;
this.Diagram.Controller.ExecuteCommand(linkCmd);

I have attached the sample that demonstrates this completely. You can download the sample from the following page.

http://websamples.syncfusion.com/samples/Diagram.Windows/FlowGraphicsModified/main.htm

Please refer to the sample and let me know if you have any questions.

Thanks,
Nagaraj

Hi Nagaraj,
Kindly accept my sincere apologies for this delay. I find some layout error in your sample. You can find the layout error if you press the "Realtime Run" button in your sample HMI. I want to draw the flow graphic with the realtime label value on the link line. So you can the layout error when you press the "Realtime Run" button in your sample HMI. The error layout graphic file is "error_layout.GIF" in the my sent attachment file. I am highly appreaciting for your help.

Thanks,

Graphics Noes0.zip

Hi Kawashima,

Thank you for being patience.

We will analyze your issue in detail for the cause, solution and let you know the complete details on or before on Monday ( 27… ). Sorry for any inconvenience caused.

Have a nice day

Thanks,
Nagaraj

Hi Kawashima,

Sorry for the delay in getting back to you. I have modified your sample and the links are prevented from overlapping. Please refer to the attached sample. You can download the sample from the following page.

http://websamples.syncfusion.com/samples/Diagram.Windows/GraphicsNodesModified/main.htm

Please refer to the sample and let me know if you have any questions.

Thanks,
Nagaraj

Hi Nagaraj,
Thank you for your help, but your modified sample isn't my mean. I want to draw the flow graphic with my data like your sample 'OrgLayout Sample'. Its LayoutManager is automatic by UpdateLayout method and PositionMember method of the OrgChartManager. I want to write the LayoutManager myself, but I am unsuccessful. So I think you can help me. My idea is said beforetime.(I find some layout error in your sample. You can find the layout error if you press the "Realtime Run" button in your sample HMI. I want to draw the flow graphic with the realtime label value on the link line. So you can the layout error when you press the "Realtime Run" button in your sample HMI. The error layout graphic file is "error_layout.GIF" in the my sent attachment file.) I am highly appreaciting for your help.

Thanks,

GraphicsNodes0.zip

Hi Kawashima,

I have created a document regarding this issue. Please refer to this document and give more details on this layout error.

Thanks,
Nagaraj

http://www.syncfusion.com/Support/user/uploads/document_d9f905db.zip

Hi Nagaraj,

I have write a document regarding this issue. Please refer to this document and give me help as soon as.

Thanks,
kawashima

document4.zip

Hi Nagaraj,

I have write a document regarding this issue. Please refer to this document and give me help as soon as.
Can you help me? I am highly appreaciting for your help.

Thanks,
kawashima


document5.zip

Hi Nagaraj,

Thank you for your help, but your modified sample don't satisfy my requirement. Can you help me for write a LayoutManager? The LayoutManager is my highly needful all the while. I want the LayoutManager can adapt to all the data as my provided.
Can you help me? I am highly appreaciting for your help. I need a LayoutManager!!!!!

Thanks,
kawashima