2017-10-19 1 views
1

Je souhaite modifier une des lignes verticales de la grille (différente épaisseur et la couleur de la ligne) - fixer la règle selon laquelle la ligne le style sera défini.Dygrahs js (symbole): épaisseur différente et la couleur de la ligne (x-échelle)

J'essaie de combiner ces outils: ticker et axisLabelFormatter; Mon objectif: faire une grille sur l'axe X toutes les 15 secondes, mais le multiple de 30 secondes doit être épais (ou augmenter la largeur: gridLineWidth).

Mon code est ici: enter code herehttp://jsfiddle.net/cLw2grga/

Répondre

0

Vous ne pouvez pas obtenir cet effet à l'aide d'un symbole, mais vous pouvez en utilisant un underlayCallback:

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(); 
} 

Voir full example here.

+0

Cette solution ne fonctionne pas avec le sélecteur de gamme. Ces lignes sont statiques, donc quand je déplace le sélecteur de plage, les lignes à l'échelle X ne vont pas avec l'intrigue –

+0

Ce n'est pas correct. Voici une version de ce violon avec sélecteur de gamme: https://jsfiddle.net/eM2Mg/10566/ (J'ai aussi mis à jour pour les dygraphes 2.) – danvk