apache / apache/echarts-examples

Gauge Car interferes with pointer at higher values

Open
#142 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
399
Forks
250
Avg merge
2d 13h
Merged PRs (30d)
5

Description

During animations or rapid value updates, the text appears too close to core gauge components, which reduces visual balance and makes the center area feel crowded.

Refining the detail text alignment helps preserve the original styling while improving and overall presentation of the example.
This becomes more apparent when viewing the example across different viewport sizes, where the spacing between the pointer, labels, and gauge frame feels inconsistent.

Take a Look:
https://echarts.apache.org/examples/en/editor.html?c=gauge-car&lang=ts

Contributor guide

No contributing guide indexed for this repository

Research direction

Open the linked gauge-car example and inspect the TypeScript example configuration that controls the detail text, pointer, labels, and gauge frame. Compare the layout during rapid value updates and at different viewport sizes. Done means the detail text no longer crowds the gauge components and the spacing remains visually consistent.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
data-visualization, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.