antvis / antvis/G2Plot

🤔 [QUESTION] 折线图中hover效果如何实现

Open
#3,591 0 comments 0 reactions 0 assignees View on GitHub
Question
Dominant language
TypeScript
Stars
2.7k
Forks
591
PR merge metrics
No merged PRs in 30d

Description

### 🐛 Question description [Please make everyone to understand it]
我希望实现如下折线图效果:
![screenshot-20230529-133844-target](https://github.com/antvis/G2Plot/assets/13946264/0d2cfc3a-e179-4272-a328-f9cd2f09dc20)

还有一些鼠标hover时的效果不知道怎么实现,如下图:
![screenshot-20230529-141305-todo](https://github.com/antvis/G2Plot/assets/13946264/f18a328b-8f9c-47b6-bc62-5ac17e71b7ec)

希望大佬们能给予帮助,谢谢

### 💻 Link to minimal reproduction

[目前做的折线图效果](https://codesandbox.io/s/g2plot-reproduction-template-forked-ycksu6?file=/src/index.js)

### 🚑 Any additional [like screenshots]

* **G2Plot Version**:
2.4.31

* **Platform**:
MacOS Chrome版本 113.0.5672.126(正式版本) (arm64)

Contributor guide

Open the contributing guide

Research direction

Start with the linked CodeSandbox reproduction in src/index.js and compare its current line chart with the target screenshots. Review the G2Plot 2.4.31 line-chart hover behavior and confirm the reproduction matches the requested line and hover effects.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.