search

apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser
https://echarts.apache.org
Apache License 2.0
60.64k stars 19.61k forks source link

[Bug] The detail value is below the gauge #19971

Open cavanierc opened 5 months ago

cavanierc commented 5 months ago

Version

5.5.0

Link to Minimal Reproduction

https://echarts.apache.org/examples/en/editor.html?c=gauge-temperature

Steps to Reproduce

On echart documentation, on the gauge, if you shrink the browser window enough, the value of the gauge detail falls below the gauge itself.

Current Behavior

Capture d’écran 2024-05-23 à 15 37 36

The value is below the gauge

Expected Behavior

We need to be able to see the value of the gauge above the gauge, so that the value is legible.

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

The problem seems to be that the svg components are displayed in the order in which they were created, so the text would have to be generated last for it to be above the gauge.

helgasoft commented 5 months ago

The referenced example is made of two gauges. By setting zlevel: 11 to the second one, we can improve the view, but not solve the problem entirely, unless the second progress is removed, Demo. gauge-temperature (1)

cavanierc commented 5 months ago

Yes, it allows you to pass in front of the background gauge, but my problem is that it would have to pass in front of the progress gauge. Is it possible to set a specific zlevel on the progress gauge?

helgasoft commented 5 months ago

ok, if two do not work, let it make three - Demo. lot of trouble for a pretty picture, heh... line-simple