VisActor/VChart

[Demo] demo of funnel chart

Open

#2.657 geöffnet am 11. Mai 2024

Auf GitHub ansehen
 (4 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (212 Forks)user submission
demosgood first issue

Repository-Metriken

Stars
 (1.800 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 3T 12h) (15 gemergte PRs in 30 T)

Beschreibung

  1. 实现如下漏斗图

  2. 交互状态效果如下

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

Research-Richtung
Studieren Sie die VChart Trichterdiagramm Dokumentation und Beispiele, um das gegebene Design und die Interaktionen zu replizieren.
Tech Stack
typescript
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
TypeScriptVChart basics
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60