raphamorim/origami.js

[lineChart] Adding tooltip support

Offen

#48 geöffnet am 26.10.2016

Auf GitHub ansehenContributor Guide
 (6 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (61 Forks)batch import
Hacktoberfest

Repository-Metriken

Stars
 (757 Sterne)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

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

Contributor Guide

Research-Richtung
Implementieren Sie einen Tooltip, der beim Hovern über Datenpunkte erscheint und das entsprechende Label und den Wert anzeigt. Verwenden Sie Mausereignis Listener auf der Leinwand, um Hover Positionen zu erkennen und eine Tooltip Box mit den Daten zu rendern.
Tech Stack
javascript
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.
1-2 Tage
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
JavaScriptHTML5 Canvas
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
65