Page 1 of 1

Plotly.js in servoy

PostPosted: Wed May 25, 2016 9:36 am
by ankit.insonix
Hi,
I am new in Servoy and I want to know how we can use external JS/HTML files in servoy.
Basically client already has an a swing application running as smart client and my job is to embed charts for the data that the application is producing. For charts, we are using
plotly.js and I need a way to find out how the charts made in HTML using plotly can be embedded in Servoy application.
Thanks
Ankit

Re: Plotly.js in servoy

PostPosted: Wed May 25, 2016 10:14 am
by ROCLASI
Hi Ankit,

First of all welcome to the forum, I see this is your first post.

Showing HTML inside smart client you would normally use the HTML_AREA but there is one downside to that (other than it renders using an ancient renderer), it doesn't execute any JavaScript. However since Java 7 there is the JFXPanel Bean that acts like a modern browser which you could use.

Here are some references:
https://wiki.servoy.com/display/public/ ... Panel+Bean
https://github.com/Servoy/svyJFXWebView

Hope this helps.

Re: Plotly.js in servoy

PostPosted: Thu May 26, 2016 9:26 am
by ankit.insonix
Thanks for reply.

I am using Servoy 8 and I want that same thing in Servoy 8. Is there any possibility if yes then how we can achieve (How to use external HTML/JS files in Servoy 8). Please share any demo if you have.

Thanks
Ankit Sood

Re: Plotly.js in servoy

PostPosted: Thu May 26, 2016 9:37 am
by juan.cristobo
Hi Ankit, I use Google charts API to show charts in Servoy, it could help you...
https://www.servoy.com/forum/viewtopic.php?f=15&t=19995#p107716

Re: Plotly.js in servoy

PostPosted: Thu May 26, 2016 10:00 am
by Andrei Costescu
If you want it for SmartClient try JFXPanel/svyJFXWebView as Robert suggested. It should work in Servoy 8 as well.
In Servoy 8 you also have NGClient - a big part of which is running in the browser. It is an angular-based application to which you can add custom made components. It should be even easier to integrate it if you are planning to move to NGClient.