Ui Builder - eCharts get zoom position

General
1

Hi, can anyone help me how could I take the current position of the slider zoom in eCharts and send it via uibuilder.send(). I think it needed to add custom js function that will wait for slider movement etc..

Thank you in advance

Georgi

2

I don;t use eCharts so can't give you specifics. However, I assume that it has some kind of change notification event? If so, all you need to do is have a method (function) attached to that event that does a uibuilder.send.

3

Thank you. My problem is that I am not sure how to build this method in Vue.

4

I found a solution - add this in the template

@dataZoom="updateZoom"

and this in index.js in methods:

updateZoom(e) {
       console.log(e); 
}
5

Have you tried replacing that js code with:

updateZoom(e) {
       console.log(e);
       uibuilder.send( {topic:'ooh/I/came/from/the/browser', payload: e} );
}

attach a debug node to the top output of your uibuilder node and see what is output to the debug panel.

6

Yes. It works perfectly. Thank you!