[Demo] demo of funnel chart
Open
Nobody has claimed this yet.
demos
good first issue
- Dominant language
- TypeScript
- Stars
- 1.8k
- Forks
- 221
- Avg merge
- 1d 6h
- Merged PRs (30d)
- 26
Description
- 实现如下漏斗图
- 交互状态效果如下
demo中用到的数据如下
[{
"label": "进入直播间人数",
"value": 10000,
"attach": "万",
"average": 2000
}, {
"label": "商品曝光人数",
"value": 9000,
"attach": "万",
"average": 1000
}, {
"label": "商品点击人数",
"value": 5000,
"attach": "万",
"average": 500
}, {
"label": "创建订单人数",
"value": 2000,
"attach": "万",
"average": 200
}]
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No file, test, or entry point is named in the issue. Review the existing demo structure and funnel-chart examples first, then use the supplied data to reproduce the attached funnel chart and its interaction states. Done means the demo matches both reference images.
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
- Mostly clear
- Newbie friendliness
- 35/100