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

XY plotter in WebIQ

XY plotter in WebIQ

bclapperton
New Contributor

Does WebIQ have an XY Plotter widget? I want to plot an array of X values vs an array of Y values. 

3 REPLIES 3

webiq-sk
Frequent Contributor

This was posted to the wrong forum, can an admin please move it to the WebIQ forum?

WebIQ has a Trend widget for displaying real-time data and also some historic data. However, we don't like to reinvent the wheel so for plotting arbitrary data you can use the open-source JavaScript library ChartJS for example (see "Line Chart" here: https://demo.smart-hmi.com/chart-demo/) You can download this demo and the corresponding widget we created for this library for free in our customer area.

HmiGuide
Community Moderator
Community Moderator

For our template we created a WebIQ package based on plotly (a common js package under MIT license), with the following features:

  • Record data in PLC, create a json with the data to send it to WebIQ (with PLC example code to adapt)
  • Package cxPlotly (which uses package-plotly) containing widget cx-osci

For more infos see template documentation and PLC example source code.

For reference, here is the link to the instructions and example for plotly.

How To display PLC data as oscilloscope or chart in WebIQ (boschrexroth.com)

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