apache / echarts

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

echarts-gl 坐标轴闪烁 #19559

Open baight opened 7 months ago

baight commented 7 months ago

Version

5.4.3

Link to Minimal Reproduction

https://codesandbox.io/p/sandbox/loving-aj-h9ndz4

Steps to Reproduce

when refresh echarts options every 100ms, the xAxis3D、yAxis3D、zAxis3D label flash continually. even if update options every 1000ms, the axis label also flash continually.

Current Behavior

when I update echart options, the axis label flash continually.

Expected Behavior

when I update echart options, the axis do not flash.

Environment

- OS: Windows 10
- Browser: Microsoft Edge
- Framework: vue@3

Any additional comments?

No response

echarts-bot[bot] commented 7 months ago

@baight It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗

TRANSLATED
**TITLE** echarts-gl axis flashes
baight commented 7 months ago

This is a picture I screenshot that why the axis label flashes: the axis label is totally in mess at updating option moment. image

baight commented 7 months ago

I found that, the axis label text length changing, causes the mess and flashing. the solution I found finally is making the label text length not changing:

let options = {
    ...
    xAxis3D: { 
            axisLabel: { formatter: (value: number) => value.toFixed(1) }
    },
    ...
}