Is this supposed to be interactive?

[a-tal]

If this is just meant to be an image generator, feel free to ignore me, works as advertised then.

As you probably already know, in the interactive example (https://ecomfe.github.io/echarts-wordcloud/example/optionKeywords.html), it fails to recognize any hover events on elements that are nested inside the letters of others (such as the small "shape", "polyline" or "tiled" in e's of "series").

[Ovilia]

I think this is probably because it detected the mouse is hovering the bigger text so it doesn't check others. This is probably not easy to do because currect collision detectiong is based on the AABB bounding box of the text. If we wish to detect the extract bounding box, we need to read the pixels of the canvas and it should have noticable performance problem.

[a-tal]

I think it's because the hovered element is drawn last. it should stay in the initial draw order (biggest first), and not reorder based on hover status. I think then the mouse detection would just work as it should, no pixel detection nessesary.

to see this in action, it becomes super obvious when you add something like: textStyle: { backgroundColor: this.randomColor() } to each of your data items.