2017-10-19 38 views
1

격자의 수직선 중 하나를 변경하고 싶습니다. (선의 두께와 색상이 다릅니다.) - 선의 규칙을 설정합니다. 스타일이 설정됩니다.Dygrahs js (ticker) : 선의 두께와 색이 다릅니다. (x 축)

저는 이러한 도구를 결합하려고합니다 : ticker 및 axisLabelFormatter; 내 목표 : X 축에 15 초마다 그리드를 만들지 만 30 초의 라인 배수는 두껍게해야합니다 (또는 너비를 높이려면 : gridLineWidth). enter code herehttp://jsfiddle.net/cLw2grga/

답변

0

당신은 시세를 사용하여이 효과를 얻을 수는 없지만, 당신은 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(); 
} 

full example here를 참조하십시오.

+0

이 해결 방법은 범위 선택기에서 작동하지 않습니다. 이 선은 정적이므로 범위 선택기를 움직이면 X 축의 선이 플롯과 함께 이동하지 않습니다. –

+0

올바르지 않습니다. 범위 선택기로 그 바이올린의 버전이 있습니다 : https://jsfiddle.net/eM2Mg/10566/ (또한 dygraphs 2로 업데이트되었습니다.) – danvk