Industry Online Support
Technical Forum
Navigation
how to visualise grapghs/Charts in the web server?
Created by: MIDO101 at: 5/21/2019 4:35 PM (5 Replies)
Rating 
Thanks 2
6 Entries
| 5/21/2019 7:28 PM | |
Joined: 2/8/2017 Last visit: 3/15/2024 Posts: 87 Rating:
|
Hi, there is an example from Siemens online: https://support.industry.siemens.com/cs/ww/en/view/68011496 Its located in the extended one, afaik they using Datalogs to display that in a graph, so you need at least to adjust it to your needs with polling the Tag from he plc and extend the graph with each poll Best Regards |
This contribution was helpful to
|
|
| 5/22/2019 1:51 PM | |
|
Posts: 55 Rating:
|
Hi RedCali Thank you for your fast response and your valuable resources. I did exactly as the file states and I got the webpage working. However, I can see only 4 variables (CSV file has 7 variables). and as the pic attached indicates, there is no line graph (I am using RTD which reads room temperature, The margin for Y-Axis is too high compared to the potential range(0:100). My questions are: 1) How to edit Y-Axis margins to be (0:100) instead of (0:3500)? I have already reviewed the scripts but it seems that I couldn't find the passage regarding Y-Axis margins. 2) How to include the rest of the variables(sensor tags)? I have attached screenshots for better demonstration of the problem. Thank you.
|
| 5/22/2019 8:28 PM | |
|
Joined: 2/8/2017 Last visit: 3/15/2024 Posts: 87 Rating:
|
Hi, the method "decodeCSV" create the data set needed for the Graph
For the right scaling of the axes please have look into the used JS Library, which is jquery.flot: https://github.com/flot/flot/blob/master/API.md#customizing-the-axes BR |
This contribution was helpful to
|
|
| 6/4/2019 12:14 PM | |
|
Posts: 55 Rating:
|
hi Hi RedCali any hints regarding how to import variables to show their real-time values vs time. I tried to find the section responsible for importing the variables from tia portal. I use the following format to import the variables when dealing with HTML (:="Solis_Monitoring".Electrical Energy:). Thanks.
|
| 6/4/2019 8:57 PM | |
|
Joined: 2/8/2017 Last visit: 3/15/2024 Posts: 87 Rating:
|
Hi, there is a minimum Eample page within JSON and AJAX: You nee to poll the values from the PLC (using that method with JSON and AJAX), add those values to an array using "push()" in the Webclient (JavaScript) and refresh the graph. as the timing / timestamp is not exactly the same in the PLC and the webclient, i recommend to make a timestamp as well beside of the value in case you want an exact timestamp. Thats not neccessary if you just want a "realztiv" graph. Depending on the dt of you timestamp you need to have a ring buffer if your sample time is faster than the polling. Best regards |
Last edited by: RedCali at: 06/04/2019 20:57:49 |
|
Follow us on