raphamorim/origami.js

[lineChart] Adding tooltip support

Aperta

#48 aperta il 26 ott 2016

Vedi su GitHubGuida contributor
 (6 commenti) (0 reazioni) (0 assegnatari)JavaScript (61 fork)batch import
Hacktoberfest

Metriche repository

Star
 (757 stelle)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

origami(canvas).chartLine({
    tooltip: true
    labels: ["January", "February", "March", "April", "May", "June", "July"],
    fill: true,
    datasets: [
      {
        data: [1, 9, 8, 71, 56, 30, 60],
        line: "2px solid pink",
      }]
})

screen shot 2016-10-26 at 16 41 57

Guida contributor

Direzione di ricerca
Implementa un tooltip che appare al passaggio del mouse sui punti dati, mostrando l'etichetta e il valore corrispondenti. Utilizza listener di eventi del mouse sulla tela per rilevare le posizioni di hover e renderizzare una casella di tooltip con i dati.
Tech stack
javascript
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.
1-2 giorni
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
JavaScriptHTML5 Canvas
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65