2013-12-17 2 views
11

d3 js를 사용하여이 시계열 차트의 x 축 서식을 지정하는 데 문제가 있습니다. 여기d3 시간 스케일 unix 타임 스탬프가있는 x 축

은 작업 예입니다 http://tributary.io/inlet/7798421

문제 : 나는 관계없이 지정된 틱의 총 #의 내 x 축에 1 일 (라벨)을 볼 수 있습니다. 4-6 틱으로 x 축에 시간을 표시하려면 어떻게합니까?

수정 : Lars 덕택입니다.

var data = [ 
    {"time": 1387212120, "open": 368, "close": 275, "high": 380, "low": 158}, 
    {"time": 1387212130, "open": 330, "close": 350, "high": 389, "low": 310}, 
    {"time": 1387212140, "open": 213, "close": 253, "high": 289, "low": 213}]; 

data.forEach(function(d){ d.time = new Date(d.time * 1000) }); 

그리고는 기본 형식으로, 그것을 받아 들일 D3, 또는 사용자 정의 할 수 있습니다

여기 UTC 나의 시간이다.

답변

24

자바 스크립트 Date 개체 (사용자가 암시 적으로 타임 스탬프를 변환 함)는 시간 스탬프 (초 단위, 밀리 초)가 아닙니다. 모든 시간 값에 1000을 곱하면 작동합니다.

예 : here. 또한 Date으로 명시 적으로 변환했습니다.

+0

Time을 X 축으로 사용한 최초의 경험으로 놀랍도록 간결하고 간단한 솔루션으로 작동합니다. 감사. – DeBraid

+0

매우 유용하고 우아합니다. 감사합니다. –

관련 문제