2013-08-30 2 views
5

Ich suche, wie man größere Punkte in einem Liniendiagramm mit nvd3.js zeigt, aber ich habe nichts gefunden. Kann mir jemand helfen?nvd3.js - Größere Punkte in einem Liniendiagramm

Ich möchte die Punkte in den Diagrammlinien leicht sichtbar sein.

Danke.

+0

Ich finde diese Blasen ziemlich leicht sichtbar auf Hover: [nvd3 einfache Liniendiagramm] (http://nvd3.org/ghpages/line.html). – Sirko

+0

@ Sirko. Ja, aber ich würde gerne größere Punkte standardmäßig sehen, nicht innerhalb des Hover-Ereignisses. Woher weißt du wo die Punkte auf der ganzen Linie sind? – Miquel

Antwort

14

Nach der Ausgabe in der einfachen Liniendiagramm erzeugt der Suche durch, könnten Sie diese CSS, fügen Sie alle Punkte sichtbar zu machen:

.nvd3 .nv-groups .nv-point { 
    stroke-opacity: 0.5 !important; 
    stroke-width: 10px; 
} 

Dies ist, mehr aber wie ein Hack. Es sollte bessere Lösungen geben. Wenn Sie mehr Details ändern möchten, ist es möglicherweise auch besser, statt eines Wrappers direkt zu d3.js zu wechseln.

+0

Danke @Sirko. Das funktioniert perfekt für meine Bedürfnisse! – Miquel