How to create a D3.js EWO

[jiaofueric]

Hello everybody:
As we know we can build qt quick project (used d3.js and qml) in qt But how can I Convert it to EWO?
Who can give me some demo?

Thanks a lot

Eric

[leoknipp]

The information how to create an EWO which can be used in WinCC OA you find in the WinCC OA Documentation: Graphics Editor (GEDI) --> Complex graphics objects --> EWO (External Widget Object).

Best Regards
Leopold Knipp
Senior Support Specialist

[adaneau]

Hi Eric,

Why using an EWO for this? With 3,16 you can also use JS webview to directly link d3 to WinCC OA data using plain javascript / html page and ctrl.

BR
Alex

[jiaofueric]

Thank you Alex ,
The interface of WebView is not very friendly. I want to interact directly with the underlying data.

[jiaofueric]

So Easy?
There are too few documents.

[adaneau]

So far inside help:

WebView EWO JavaScript Interface Examples (qthelp://wincc_oa/doc/Native_GEDI/ewo_webview_js_examples.htm )

This is with plotly.js, but as far as I know d3 this is not really different


If you really want to go to ewo direction, just run the API ewo example in QT creater and have a look into code. If you know QT this is pretty straightforward.

BR
Alex

[jiaofueric]

Thanks,Alex

After a night's hard work, I think I found the way

I will upload examples soon.

BR

[jiaofueric]

It's failed ,Maybe wincc oa not support Qt QuickWidgets ...