VisActor/VChart

[Demo] demo of funnel chart

Open

#2657 aperta il 11 mag 2024

Vedi su GitHub
 (4 commenti) (0 reazioni) (0 assegnatari)TypeScript (212 fork)user submission
demosgood first issue

Metriche repository

Star
 (1800 star)
Metriche merge PR
 (Merge medio 3g 12h) (15 PR mergiate in 30 g)

Descrizione

  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
    }]

Guida contributor

Direzione di ricerca
Studia la documentazione e gli esempi dei grafici a imbuto di VChart per replicare il design e le interazioni forniti.
Tech stack
typescript
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
TypeScriptVChart basics
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60