Hi, The code in the sample uses an API, which was changed through the 3 years since it was published. You can download the trial version of the diagramming library from mindfusion.eu/javascript-diagram.html and when you extract it, there is Samples\React\JavaScript\src where you can look at the Controls.js file, which renders a diagram together with the NodeListView, Zoom and Overview controls. We have uploaded an updated sample archive for this video.

Thank you!

Sure, take a look at the "Scripting" sample from this page: mindfusion.eu/products/winforms/diagramming/samples The "JavaScript Parser" sample could also be of interest to you. In case you have specific questions, please use MindFusion forum: mindfusion.eu/Forum/YaBB.pl

It is now working, we did a quick update of the archives to use the new versions of the libraries.

Sure, github.com/MindFusionComponents

Thank you. Can you check if there are errors in the console? Besides errors, a diagram item could be locked ( www.mindfusion.eu/onlinehelp/jsdiagram/P_MindFusion_Diagramming_DiagramItem_locked_0_1.htm ) or the Behavior property ( www.mindfusion.eu/onlinehelp/jsdiagram/P_MindFusion_Diagramming_DiagramView_behavior_0.htm ) could be set to the wrong value. The live sample and the zip that is available for download - links in the description - work fine.

Have you found an answer?

​@@ilyafarazmehr4564 Hi, I did not much remember the what was the problem about, but I think it was about to coloring the chart. This is the my code for coloring. Hope, it will helps you. lineChart1.Theme = new Theme(); lineChart1.Theme.CommonSeriesFills = lineChart1.Theme.CommonSeriesStrokes = new List<MindFusion.Drawing.Brush> { new MindFusion.Drawing.SolidBrush(Color.Red), new MindFusion.Drawing.SolidBrush(Color.Blue), new MindFusion.Drawing.SolidBrush(Color.Purple), new MindFusion.Drawing.SolidBrush(Color.Orange) }; lineChart1.Theme.LegendBorderStroke = new MindFusion.Drawing.SolidBrush(Color.Gray); lineChart1.Theme.LegendBackground = new MindFusion.Drawing.SolidBrush(Color.White); lineChart1.Theme.GridColor1 = Color.White; //lineChart1.Theme.GridColor2 = Color.FromArgb(100, 230, 230, 230); lineChart1.Theme.GridLineColor = Color.LightGray; lineChart1.Theme.GridLineStyle = System.Drawing.Drawing2D.DashStyle.Dash; lineChart1.TitleMargin = new Margins(10); lineChart1.GridType = GridType.Horizontal; ;

Of course, you can do it in code by calling diagram.Nodes.Remove(theNodeToRemove); Here is a link in the documentation that explains how to create and delete items: www.mindfusion.eu/onlinehelp/flowchartnet/Creating_and_Deleting_Items.htm

We have updated the sample to use the latest JS Diagram. The source code is available from mindfusion.eu/samples/javascript/diagram/UniChart.zip as well as from the video description. The error you quote is more like the OrgChart WordPress plugin. Are you sure you are using the JavaScript Diagram and not the plugin?

@@MindfusionEu only a part of javascript in my View for show The information, I'm programming in CodeIgniter.

You can export the diagram to a JSON string, parse it and save the data into DB table columns or save the whole string as BLOB. www.mindfusion.eu/onlinehelp/jsdiagram/M_MindFusion_Diagramming_Diagram_toJson_0.htm If you share what language you use on the server, we can create a sample project in our next video tutorial.

@@MindfusionEu sorry men But the web page can't look for for 404 error Failed The server

@@diegoarmandovazquezramirez8982 Yes, youtube has added the closing brace to the URL, I removed it. Regarding help - ​ you'd better use the support forums and post details about your project. mindfusion.eu/Forum/YaBB.pl

@@MindfusionEu ok Bro Thank you But, Can you help me about this part?

The Java Scheduler supports 12 languages. Download the trial version from here mindfusion.eu/java-scheduler.html, unzip it and look at the "Localization" sample, which demonstrates how to change the UI language by loading a localization file. In a root directory you will find a folder with the 12 localization XML files.

"diagram-library" is an old package for version 3 of the core diagram library, which is not compatible with current "@mindfusion/diagramming-react" react wrapper. Import the "@mindfusion/diagramming" package instead for core library: www.npmjs.com/package/@mindfusion/diagramming

All types of charts are in the NuGet package.

Yes, it is possible to use the scheduler with React. Please, download the trial version from this web page: mindfusion.eu/javascript-scheduler.html Among the samples is one that shows how to do this.

No, we use only our own library - MindFusion Diagramming for JavaScript, no other tools.

You can export the schedule in XML, as a json file or string. Then you can load it from the same format. There are saveToXXXX/LoadFromXXXX methods in the Schedule class: www.mindfusion.eu/onlinehelp/jplanner/T_com_mindfusion_scheduling_model_Schedule_Members.htm You can also serialize the events in a database, look at the "Contact Tracing Manager" sample at this page: mindfusion.eu/products/java/scheduling/samples

Sorry to hear about that. Could you post the code that doesn't work on our discussion board mindfusion.eu/Forum/YaBB.pl or per email at [email protected] Our programmers will gladly help you with that.

Sure, you can use it in your project.

You can download the full source code of the project from this link: mindfusion.eu/samples/javascript/scheduler/Reminder.zip

Take a look at the "Tree Layout" Sample: you can download the code from mindfusion.eu/products/javascript/diagramming/samples It demonstrates the TreeLayout but uses nodes with various images. Nodes can render images, we recommend that you make the node transparent to make visible just the image. The properties to use are "image" and "transparent" : www.mindfusion.eu/onlinehelp/jsdiagram/index.htm?CC_T_MindFusion_Diagramming_ShapeNode_0_0.htm

You can use a small subset of HTML tags to provide a styled text inside nodes, given you set the EnableStyleText ( www.mindfusion.eu/onlinehelp/flowchartnet/index.htm?P_MindFusion_Diagramming_ShapeNode_EnableStyledText_0.htm ) property to true. The demo has several pages that use styled text. If you want to show the diagram in a standard richtext box control, you can export it to an image with the createImage method: www.mindfusion.eu/onlinehelp/flowchartnet/index.htm?O_T_MindFusion_Diagramming_Diagram_CreateImage.htm

The diagram items are automatically added to the VS toolbox if you install the control. The downloadable .zip file for the trial version contains an installer and you can install the library just like you install other software.

@@MindfusionEu Thanks

Hello, we will ask one of our web developers to try it out with node-red on Monday. In the meantime, can you share more details how you want to use it: on the client side rendering some data or something at the back-end?

Yes, it is. You can install it with NuGet: www.nuget.org/packages/MindFusion.Diagramming

The library ships with assemblies for .NET 4, 5 and 6. If you need an older version, please download the trial from mindfusion.eu/flowchart-net.html and when you install it you will see the folder with the assemblies.

I think you have not installed the chart library. You can do this through NuGet package manager, please search for "MindFusion.Charting"

please help me

Your 1% improvement function looks like geometric progression with common ratio 1.01. You can express the value for the next day as power of the count of days e.g. y(index) = startY * Pow(1.01, index); That comes from the fact that in your formula y = y * 1.01; So, you need to know the start value of y, and the rest can be calculated using the Pow function available in the library.

@@MindfusionEu wHEN I do this series1 = new FunctionSeries("Math.pow(1.01,x)",365,1,100); I get a straight line doesn't even increase. But when I use the Math.pow(1.01,i) in a loop, I can see the correct results, how can I fix this

@@ozguraydn8407 I am sorry for the spelling mistake, the formula is "Pow" not "Math.pow" e.g. it should refer to the Pow function from the library, not to the Java Math.pow method. So, you need to write ("Pow(1.01,x)",365,1,100"). Apologies, we have corrected the previous post.

@@MindfusionEu thank you so much, thank you for your time

@@ozguraydn8407 You are welcome. Do not hesitate to contact us, should you need further help.

No, the diagram library is regularly updated to support latest versions of React. Here is a link to the announcement of the last release with links to the updated dependencies: mindfusion.eu/Forum/YaBB.pl?num=1654238787

Thank you!

You can use the diagram.toJson method to convert it to a string, which can be saved into the DB www.mindfusion.eu/onlinehelp/jsdiagram/index.htm?M_MindFusion_Diagramming_Diagram_toJson_0.htm. Then you use fromJson to load it back : www.mindfusion.eu/onlinehelp/jsdiagram/index.htm?M_MindFusion_Diagramming_Diagram_fromJson_1_String.htm Individual nodes and links have their to/fromJson methods and you can save them one by one, if it suits your needs better.

Sorry to disappoint you, this is a commercial library. Licenses are sold per developer, there are big discounts for small companies and freelancers, academia and many more - mindfusion.eu/discounts.html. The trial version has no time or feature restrictions.

@@MindfusionEu so basicly the full version has more library in one zip file?

@@wolontong There is no full version, the difference is that the trial version renders a trial label. Once you provide key, the trial label disappears.

@Isaki Dube Since the video tutorial is uploaded on MindFusion official channel we never thought anyone would look at it as anything else but a video about MindFusion developer components. Constructive critic however is always welcome and we've renamed the tutorial.

@ScreenPrintR I've just downloaded the sample, shows color and all that's in the video. Please, look in your console for errors. Regarding the waste of time: MindFusion video tutorials are meant for developers who prefer to learn the process of setting up a component of ours from A to Z in ca. 15 minutes. For those who want to dive in by themselves we have each sample downloadable as an archive with all its libraries: mindfusion.eu/products/javascript/scheduling/samples For the middle ground we have written tutorials and API overview: www.mindfusion.eu/onlinehelp/scheduler.javascript/index.htm?The_Schedule_2.htm Different strokes for different folks.

Love the fact that you responded so quickly, thank you!

@@ScreenPrintR We value your feedback. As a rule we are very very attentive to our developer community.

@@MindfusionEu I see what happen. You go from configuring html page to js page and never mention the link for css. Around 2.50 minutes I see the html page for a couple seconds and the link is there. I would think you'd mention that, even if you're not going to cover css.

@@ScreenPrintR You are right, we should have pointed out that, a miss from our side. However, the theme is included in the downloadable sample and duly referenced in the HTML file. You said you've downloaded the sample and got nothing but a blank grid, that's what bewildered me.

The sample's purpose is to demonstrate how the chart can add data dynamically through custom series, always keeping the latest portion of the points within the visible range. In theory, if you have the right appearance settings, the control can handle even a million points with ease - see the Stress Test sample from mindfusion.eu/products/winforms/charting/samples. Of course, you can start to remove points from the series after given time/number, as demonstrated in the Server Load sample, which is in JavaScript, but the API is the same: mindfusion.eu/javascript-demo.html?sample=ServerLoad

@@MindfusionEu thanks for taking the time to answer my question. So Good to see you actually caring about people's problem, keep going strong!❤️ (I subscribed btw)

@@tiredpotato5539 Thank you very much both for your kind words and for subscribing.🥰

Thank you very much for your kind words, they mean a lot to everyone on the team.

We are a general-purpose diagramming tool and do not have import/export to/from bpmn format out of the box. Currently we support json and xml. You will have to implement bpmn serialization manually, following the rules for this file format.

Download the "Custom Grouping" sample from this link: mindfusion.eu/products/java/scheduling/samples There conflicting appointments are marked with red. You can modify the code to suit your needs.

We have received your email and our support team has sent you an answer.

Yes, it's a commercial software and you have to purchase a license to hide the trial label. The trial version has no time limits or feature restrictions.