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

WebIQ Trend

WebIQ Trend

Open
Occasional Contributor

Hello Community,

I am new to WebIQ, I am using Trend widget, is it possible to have buttons to start and stop the graph? 

Open_1-1683688923217.png

Warmest regards,

16 REPLIES 16

webiq-sk
Frequent Contributor

Of course, just see the demo you can also download from right inside WebIQ Designer:
https://demo.smart-hmi.com/demo-trend-display/

It's the IQ-Trend-Live widget.

Open
Occasional Contributor

Hi webiq-sk,

That was what we needed.

How do you add the units for the legends?

Open_1-1683773693225.png

 

Warmest regards,

webiq-sk
Frequent Contributor

WebIQ focuses on smart features, therefore you don't set the units for any widget usually, you set the units for the corresponding item in Process Data Manager and they'll show up everywhere that item is connected.

It's all explained in the manual: https://www.smart-hmi.com/user/download/deliver/docs/documentation-manual-webiq-designer-2.14-3d30/i...

 

Open
Occasional Contributor

Hello @webiq-sk ,

I got a question is it possible to resize the screen size i cant find it in the manual.

2023-05-16_14h49_45.png

Warmest regards,

 

webiq-sk
Frequent Contributor

WebIQ is built with modern web technologies and responsive design by default. That means that your HMI by default adapts automatically to different sizes in certain regards.

Switching between different device types is documented here - that's how it's done on the web: https://www.smart-hmi.com/user/download/deliver/docs/documentation-manual-webiq-designer-2.14-3d30/i...

You can of course also simply resize the browser or preview window to any size you desire:
https://www.smart-hmi.com/user/download/deliver/docs/documentation-manual-webiq-designer-2.14-3d30/i... 

 

Open
Occasional Contributor

Hi @webiq-sk ,

Thank you for your fast reply!

I do not want to use automatic device scaling, i want to use fixed scaling is that possible? because i want to save graph as PDF file and save into tablet's internal storage for print out. When i am using the automatic scaling the PDF file is out of scale. 

Warmest regards,

webiq-sk
Frequent Contributor

You can set widget widths as documented in the manual:
https://www.smart-hmi.com/user/download/deliver/docs/documentation-manual-webiq-designer-2.14-3d30/i...

Please note that HTML does not know a "page width" because web browsers do not work with "pages" when it comes to styling. You could in theory create a print CSS for that purpose, but that cannot be integrated into WebIQ easily.

I see two options:
1. set the width of the widget in the style tab
2. use the print options on the device to set the scaling

 

Open
Occasional Contributor

Hello @webiq-sk ,

I have tried both options unfortunately when i print preview it is out of print page range, i want to try css styling is it possible to query media from webiq HTML? 

Warmest regards,

webiq-sk
Frequent Contributor

Actually this is not a specific WebIQ question but a simple CSS question:
https://developer.mozilla.org/en-US/docs/Web/CSS/@media?retiredLocale=de

WebIQ does nothing at all with the CSS you enter in the Code Manager - it's just delivered as-is to the browser so you can of course use a print media query there.

Open
Occasional Contributor

Hello @webiq-sk ,

I have some questions on trend graph below:

1) I have set the Y-Axis to be integer without decimal places but the graph scale is showing decimal places is it possible to take out the decimal place?

2) Can the highest point of the graph value be shown on the Y-Axis? eg. 75 for this case?

Open_1-1684999444011.png

 

 

webiq-sk
Frequent Contributor

This depends on whether the item has been setup correctly (i.e. limits set) and the configuration of the trend line limits:

webiqsk_0-1685102535245.png

The highest configured point will never be shown as that's the place where the info on the scale is shown.

Open
Occasional Contributor

Hi @webiq-sk,

I saw the WebIQ Manual document , "Export of data to a file for external archiving or evaluation (through a custom script)" 

Is it possble to use ctrlX HMI WR21 to download the log file in csv of the trend graph?

are there any examples to use this features?

Warmest regards,

webiq-sk
Frequent Contributor

In general you can simply use the "trend-export" UI Action:

webiqsk_0-1687845885442.png

This exports trend data as JSON, currently no built-in CSV export is available, but of course you could create your own or rather convert the JSON file to a CSV in a language of your choice.

Whether this works on the WR21 panel depends on the browser and browser version used. Please note that WebIQ as a web HMI is not dependent on any specific hardware, but rather reliant on a supported web browser:
https://www.smart-hmi.com/blog/faq-items/which-web-browsers-does-webiq-support/

 

Open
Occasional Contributor

Hi @webiq-sk ,

I cant find the "trend-export" UI Action in my WebIQ designer. (see attached)

How do you get the "trend-export" UI Action?

Warmest regards,

webiq-sk
Frequent Contributor

Are you using the latest version 2.14?

Open
Occasional Contributor

No i was using ver 2.13, after updating to ver 2.14 the "trend-export" UI Action become available.

Thank you!

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