Week 12 Update - EasyIO Graphics

Hello

Today I was able to create my own custom graphics in the EasyIO and preview them live on the web as a dashboard. Here's how I did it. Below is my program which as you can see has some new additions.

I added in some WriteFloat values added to the CTVolts, Current, Watts, and MeterTr blocks which were later used for creating the graphics. You'll also notice that WriteF1 has it's value dropped from 0.57 to 0.33 because when I turned on everything on the station and opened up the program. I found that my MeterTr was displaying a way higher value than on my Electricity Meter. So, I doubled checked all the connections and it seemed that nothing was unplugged from last week so I just played with the value of that particular Write Float so that that MeterTr displayed the same value as on my Electricity Meter.

Anyway, to create my graphics I created a new graphics page and called it "Meter Dashboard". I would drag and drop the new Write Floats I made into my "Meter Dashboard" Graphics page and I would first configure the actual graphic and then the label. I used a Gauge to represent my Electricity Meter reading and 3 bars to represent Current Transducer Voltage, Current, and Watts. Below are screenshots showing the Graphics page then when deployed, you hit preview to see your graphics live on the web.

It's not every difficult to create the graphics. As you simply drag and drop the Write Float values and configure your options. Below are the options you configure when making the actual graphic. I will go through what you need to do for each screenshot.

For the link, you're just setting up the graphic to be whatever page you created. 

For the action you need to link it to the Write Float.

You need to set your parameters and for the graphic your input data is just a string.

Again for the graphic, you input data is the output of the Write Float and should be a string.

Below are the options you configure for the label, you can see they are slightly different. 

For the label, you need to slink it the Write Float.

You set up parameters such as text size and your text which will not a string, but whatever you want the label to display.

Again your output isn't a string this time, but whatever you want your label to display.

Again set up your label to be on the graphic page you created.

I would also like to point out that when you do a full deploy for your graphics, there will be a pop-up for username put: webuser and for password put: 123456. After you deploy, you hit preview. For username put: admin and for password put: hellocpt. Inside the EasyIO, there should be a microSD card similar to the RaspberryPi which is needed for deploying the graphics, mine already 1 installed. Instead of hitting preview to see your graphics in the web, you can just go to a web browser and type in the IP Address of your EasyIO.

-Valentin