dispatchAction functionality through niceGUI

[Ha44a]

Question

Hi all,

So I am currently working on a dashboard which allows you to update charts based on a map selection (the map being created via Apache ECharts) OR a drop down menu (Quasar). I have managed to bind the two so that the drop down menu updates when items are selected from the map, however cannot get this bind to work in the reverse direction (drop down changes do not update the map)

I have looked into how I may implement this binding functionality between the two elements, and have landed on a method dispatchAction in ECharts which allows you to programmatically control the chart actions.

The idea being, on the user selecting or deselecting an option in the drop down, this would then activate this change in the map.

Here is the code provided to change the highlight, and showTip methods in Javascript - I am after this but with access through niceGUI.

setInterval(function() {
  var dataLen = option.series[0].data.length;
  myChart.dispatchAction({
    type: 'downplay',
    seriesIndex: 0,
    dataIndex: currentIndex
  });
  currentIndex = (currentIndex + 1) % dataLen;
  myChart.dispatchAction({
    type: 'highlight',
    seriesIndex: 0,
    dataIndex: currentIndex
  });
  myChart.dispatchAction({
    type: 'showTip',
    seriesIndex: 0,
    dataIndex: currentIndex
  });
}, 1000);)

Is there any ideas on how I can implement this? I have not required a minimal code example as I think this is fairly broad in what I need to do - just after ideas on how to implement it in any context.

Thanks