Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Hide symbols but show labels.

See original GitHub issue

What problem does this feature solve?

In my case I only want to show the 1st & the last label. I am able to hide labels using the formatter function but empty symbols (small circles) make the UI very weird. Setting showAllSymbol to false hide the labels. Setting the size to 0 also hides the labels.

Is it possible to show only labels but no symbols?

What does the proposed API look like?

The API is already there. If Labels.show is true & showAllSymbol: false, show labels but hide the symbols.

Issue Analytics

State:
Created 3 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

plainheartcommented, Jul 7, 2020

It seems that there is no simple way to achieve such requirement, but here is a workaround for you https://gallery.echartsjs.com/editor.html?c=xIJyAD4BFw&v=2

0reactions

plainheartcommented, Aug 27, 2020

Yes, the legend doesn’t display normally because of the transparent item color.

Though we can set legend.itemStyle.color(Note that this option is not listed in the documentation) as the color we want, the symbol of the legend will only display a circle but not display the line at the two sides of the circle. This may be not what you want.

Therefore, maybe we can try another way, such as using a very small symbolSize.

https://gallery.echartsjs.com/editor.html?c=xIJyAD4BFw&v=5

But there will be an empty circle in the legend, which is hidden in the line series. In addition, the labels will be unclickable and can’t respond to the hovering event for the very small symbol size. Will that be acceptable?