Dear Community User! We have started the migration process.
This community is now in READ ONLY mode.
Read more: Important information on the platform change.

cancel
Showing results for 
Search instead for 
Did you mean: 
SOLVED

Plot Diagram y(x)

Plot Diagram y(x)

Zimmbo
Established Member

Is it possible to plot data like Diagrams value y over value x, y(x) Not time based?

In my understanding the trend widget can only plot a value over time. Is their any solution to plot not time based?

6 REPLIES 6

webiq-sk
Frequent Contributor

You can use ChartJS for example: https://demo.smart-hmi.com/chart-demo/ 

Zimmbo
Established Member

Ok i tested it. But i am not able to plot a nice graph.

I like to plot 150 points from PLC. So i have to generate an array to plot? How can i do this in webiq?

For example like this

[300;30]

[310;31]

[320;32]

....150 values

 

webiq-sk
Frequent Contributor

WebIQ does not support arrays as a structure, so you need to have each array element addressable as individual item - then you can simply do that.  You can simply connect 150 items to the ChartJS widget and choose the line chart.

"But i am not able to plot a nice graph"
What's the error you are facing?

 

 

Zimmbo
Established Member

i can not plot a nice graph, because this chart does not plot y(x), it only plot x values. So it is not useable for my case.

webiq-sk
Frequent Contributor

In this case you have to modify the ChartJS widget to implement the desired functionality.

HmiGuide
Community Moderator
Community Moderator

In our template Template-for-cartesian-handling-systems-V1-20-0 you can find an example, which does this job. (Example of an oscilloscophe) I created a widget, which displays array content recorded/created on PLC side. The PLC code converts the data into JSON, which is interpreted by the WebIQ widget to display the data. Currently the package is only available in our template, but I plan to ship the package in the fourm with example code and documentation in the next weeks. 

At the moment read the documentation of the template, which tells you where you find the PLC code. You need the packages:

  • package-plotly*.zip
  • cxPlotly-1.1.0*.zip

 

Icon--AD-black-48x48Icon--address-consumer-data-black-48x48Icon--appointment-black-48x48Icon--back-left-black-48x48Icon--calendar-black-48x48Icon--center-alignedIcon--Checkbox-checkIcon--clock-black-48x48Icon--close-black-48x48Icon--compare-black-48x48Icon--confirmation-black-48x48Icon--dealer-details-black-48x48Icon--delete-black-48x48Icon--delivery-black-48x48Icon--down-black-48x48Icon--download-black-48x48Ic-OverlayAlertIcon--externallink-black-48x48Icon-Filledforward-right_adjustedIcon--grid-view-black-48x48IC_gd_Check-Circle170821_Icons_Community170823_Bosch_Icons170823_Bosch_Icons170821_Icons_CommunityIC-logout170821_Icons_Community170825_Bosch_Icons170821_Icons_CommunityIC-shopping-cart2170821_Icons_CommunityIC-upIC_UserIcon--imageIcon--info-i-black-48x48Icon--left-alignedIcon--Less-minimize-black-48x48Icon-FilledIcon--List-Check-grennIcon--List-Check-blackIcon--List-Cross-blackIcon--list-view-mobile-black-48x48Icon--list-view-black-48x48Icon--More-Maximize-black-48x48Icon--my-product-black-48x48Icon--newsletter-black-48x48Icon--payment-black-48x48Icon--print-black-48x48Icon--promotion-black-48x48Icon--registration-black-48x48Icon--Reset-black-48x48Icon--right-alignedshare-circle1Icon--share-black-48x48Icon--shopping-bag-black-48x48Icon-shopping-cartIcon--start-play-black-48x48Icon--store-locator-black-48x48Ic-OverlayAlertIcon--summary-black-48x48tumblrIcon-FilledvineIc-OverlayAlertwhishlist