And once we have discussed why fusion charts are so awesome, let's start using them.
So we're going to navigate to develop her van front and integration's on the Wonderware.
Of course, looking for E is going to be react.
We bravely click on the link online.
We had to explore, react documentation.
And the first thing that we're going to see is getting started.
Explanation.
Yes, of course, we would need to install the dependencies.
But of course, in our project, we already have them online.
Just keep on scrolling because, of course, I'm going to cover that in detail.
What is happening and what you're looking for is the last thing or here.
So just copy everything to a clipboard where it says are undercharge.
So just click copy and then head back to our project online in the charts.
Look for the example check.
And once you open up the example chart, just select everything, delete and page the code from the
fusion chart library.
Now, if you notice, they are setting up this component as if we would be working in the app.
Come on.
But of course, that is not the case.
We already have our component.
The example, Chuck.
So first I would want to get something on screen.
So we're just going to do some minor updates just so I can see something, some kind of chart.
And then we'll take a look at the code in the bigger detail.
So first, I would want to start by removing distract them.
We're not going to need that.
Again, we're not working in the app jazz.
We already have the component.
And down here, notice they are creating this react F, C.
So that is going to be the chart and then they just pass in the data.
So this is going to be the data that is going to be ORENDER or in our case.
Of course, we don't need to have a app component that is, by the way, a class.
So we might as well set up here our own functional components, a concert.
And then I'm just going to call this chart and I'm going to say component as well.
Then eventually we'll pass in your data, but not at the moment.
And our just want to return.
Let me just grab this component.
So cut it out.
Then copy and paste.
And now instead of returning the app, of course.
Just remove the.
Step number four instead of app were saying schadt component.
So we x border's awesome.
I already have the functionality in the integers where I'm importing the example chart from the example
chart.
And then right away exporting.
Now of course in the Repos we also have the import for example chart as well.
And that is coming from the chart folder.
So now, since you would want to get something on a screen, what we could do, simply say, all right,
let's display our example chart component.
We'll sell it.
We should have some kind of compliant.
And there it is.
Now, at the moment, it doesn't look very pretty, but at least we have something on a screen.
So let me try one more time on a bigger screen.
Say, let's refresh on you up.
There it is.
There is our bond.
Of course, we would need to make some tweaks and all up, but we have some kind of chart displayed.
So now we just need to dig in and explore the library in greater detail.