apache / apache/echarts

[Bug] Timeline-progress-label formatter not returning expected value

Open
#18,673 2 comments 0 reactions 0 assignees View on GitHub
bug en topic: timeline
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
15h 17m
Merged PRs (30d)
5

Description

### Version

5.4.2

### Link to Minimal Reproduction

https://codesandbox.io/s/echarts-timeline-progress-bug-33tjj7?file=/src/Charts/map.jsx

### Steps to Reproduce

1. Go to the timeline.js file.
2. Inside the timeline object, head over to the progress key
3. Configure your own formatter to change the label value

### Current Behavior

In the example image below, it returns the year
![image](https://github.com/apache/echarts/assets/44973562/8e6afb86-1c7b-4b01-a591-9e9b80eb7734)

### Expected Behavior

It should return the progress-label-formatter value defined.
There is also need for a way to show currently active label .

### Environment

```markdown
- OS: Windows 10/11
- Browser: Chrome 113.0.5672.127
- Framework: React and Vanilla JS ES6
```

### Any additional comments?

The goal of this is to ensure the current active checkpoint label is of a different color, font-size or both. Currently all the progress labels are changing yet in some cases the active label should be different from the rest.

Contributor guide

Open the contributing guide

Research direction

Start with timeline.js and the linked CodeSandbox reproduction, then inspect how the progress-label formatter is applied to timeline labels. Confirm that the configured formatter value is returned and that the active label can be distinguished as described; completion is demonstrated by the corrected behavior in the reproduction.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react, typescript
Domain
data-visualization
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.