2013-08-08 2 views
3

나는 시간에 기초하여 몇 가지 데이터를 플롯하기 위해 사용하는 예쁜 기본 선 차트를 가지고 있습니다. 이것은 모두 정상적으로 작동하지만 문제를 해결하려면 시간 축을 따르는 플롯이 매우 가깝습니다. 차트가 잘 보이지만 즉시 데이터가 오므 얻을 시작 시간의 짧은 공간 내에서 발생하는 데이터를수록 처음 3 점을 들어D3 시간 축의 선형 차트 보간

{ "Id": 101, x:15, y: 10, "OriginDt": "2012-12-01T18:49:06"} 
{ "Id": 101, x:15, y: 10, "OriginDt": "2012-12-02T28:49:06"} 
{ "Id": 101, x:15, y: 10, "OriginDt": "2012-12-03T18:49:06"} 
{ "Id": 101, x:15, y: 10, "OriginDt": "2012-12-04T08:10:06"} 
{ "Id": 101, x:15, y: 10, "OriginDt": "2012-12-04T09:21:06"} 
{ "Id": 101, x:15, y: 10, "OriginDt": "2012-12-04T11:32:06"} 

:

는 다음과 같은 데이터 사항을 고려 차트에서 감사하기가 매우 어렵습니다.

나는 이와 같은 것을 다루지 만 아직 그것을 찾지 못한 온라인 샘플을 찾으려고 노력해 왔습니다.

축에 기본 보간 명령을 사용해 보았지만 작동하지 않습니다.

은 어떻게 축을 변경할 수 있습니다

var yAxis = d3.svg.axis() 
    .tickSize(-width).tickPadding(10) 
    .scale(y) 
    .orient("left"); 

는 이러한 상황에서 점 "을 전파"하기 위해?

+0

을 조사 할 수 있습니다 그것은 정확히 말해 힘들지만, 당신이 옆에있는 라인 차트의 한 지역에서 다양하게 시간 척도 (즉, "픽셀 당 밀리 초")를 원하는 것처럼 소리, 데이터의 밀도에 따라 달라집니다. 그게 맞습니까? 그렇다면, 스케일의'domain()'과'range()'를 평범한 경우와 같이 두 개 이상의 엘리먼트를 가진 배열로 설정하면됩니다. – meetamit

+0

네, 이제는 요구 사항 측면에서 옳았습니다. 이제는 비늘 방식을 언급하는 것이 타당합니다. 나는 다른 곳에서 저울과 비슷한 일을했습니다 ... – Jammer

답변