eCharts View and Select datapoints

[richards99]

Hi,
I’ve been putting quite a bit of effort into using the eCharts View node which is really nice and quite powerful. Creating custom labels, diagonal reference lines, and hover labels including chemical structures for a scatterplot.
However, what I would like to be able to do is select a bunch of datapoints and those datapoints are labelled with the ID.
Now I have got the selection tools working by box or polygon etc (toolbox and brush arguments), which puts a blue area around them, but I cannot get it to label them. I am using the “select” argument to try and change the datapoint colour or provide a label when datapoints are selected but without any success.
Does anyone have any ideas?

Simon.

[k10shetty1]

Hi @richards99,

After chatting with K-AI and ChatGPT, I was able to put together a solution using the brushSelected handler in the eCharts View node, this helps to dynamically label the selected points.

Here is an example GIF:

You can find the example workflow here.

It checks for the selection event and updates the chart to display the IDs (for selected points).

Hope this helps.

Best,
Keerthan

[richards99]

Thanks so much for this Keerthan, this has been incredibly helpful and something I would never have worked out myself (even when I tried with ChatGPT myself).
I’ve managed to adapt this to do exactly what I want now.

Great.

Simon.