2017-10-19 3 views
1

Ich möchte eine der vertikalen Linien des Gitters ändern (unterschiedliche Dicke und Farbe der Linie) - legen Sie die Regel, mit der die Linie Stil wird festgelegt.Dygrahs js (Ticker): unterschiedliche Dicke und Farbe der Linie (x-Skala)

Ich versuche, solche Werkzeuge zu kombinieren: Ticker und AxisLabelFormatter; Mein Ziel: alle 15 Sekunden ein Raster auf der X-Achse zu erstellen, aber das Zeilenvielfache von 30 Sekunden sollte dick sein (oder die Breite erhöhen: gridLineWidth).

Mein Code ist hier: enter code herehttp://jsfiddle.net/cLw2grga/

Antwort

0

Sie nicht diesen Effekt mit einem Ticker erreichen können, aber Sie können eine underlayCallback mit:

underlayCallback: function(ctx, area) { 
    ctx.save(); 
    ctx.lineWidth = 0.5; 
    for (var x = 15000; x <= 300000; x += 30000) { 
    var domX = this.toDomXCoord(x); 
    ctx.beginPath(); 
    ctx.moveTo(domX, 0); 
    ctx.lineTo(domX, area.h); 
    ctx.stroke(); 
    } 
    ctx.restore(); 
} 

Siehe full example here.

+0

Diese Lösung funktioniert nicht mit der Bereichsauswahl. Diese Zeilen sind statisch. Wenn ich den Bereichswähler verschiebe, gehen die Linien auf der X-Skala nicht mit dem Plot einher. –

+0

Das ist nicht korrekt. Hier ist eine Version dieser Geige mit Bereichsselektor: https://jsfiddle.net/eM2Mg/10566/ (Ich habe auch auf dygraphs 2 aktualisiert.) – danvk

Verwandte Themen