4

저는 며칠 동안 입체파와 함께 놀았습니다. 실시간 데이터를 성공적으로 시각화 한 후에 이제는 과거 데이터를 시각화하려고합니다.큐비즘을 사용한 역사적인 데이터

내 시나리오는 다음과 같습니다. 각 요일 막대마다 각 수평선 막대가 표시되는 각 사용자의 기록 페이지를 만들고 싶습니다. 내가 매 10 분마다 데이터를 가지고 있기 때문에 .size은 144가 될 것입니다. 그래서 축은 오전 12시에서 오후 11시 59 분까지도 보여야합니다. 지난 주, 한 번에 하루 동안의 데이터가 표시됩니다.

일부 문제는 내가 직면 :

내가 축에만 시간을 표시 할 수 없습니다, 그것은 날짜와 요일도를 보여줍니다. 며칠 전이라도 메트릭 정의 내에서 시작과 중지를 변경할 수 있으므로별로 중요하지 않습니다. 144px의 시간 만 표시하도록 축을 변경하려면 어떻게해야합니까?

입체파를 사용하면 가능합니까?

+1

정확히 같은 문제가 있습니다. 이전 데이터 (예 : 시작/정지/단계)를 요청하기 위해 컨텍스트를 어떻게 설정 했습니까? – Dan

+0

단계가 10 분 동안 고정되었다. 과거 데이터의 경우, 지금부터 일요일까지의 시간차를 계산하여이를 serverdelay로 지정해야합니다. – Dan

+1

d3 플러그인을 사용해 보셨습니까? 실시간 데이터를 엉망으로 만들지 않고도 필요한 모든 렌더링 기능을 제공합니다. – Dan

답변

1

이 같은 cubism.js에 라인 1061에 변경 cubism_axisFormatDays 및 작동하는지 말해 :

cubism_axisFormatDays = d3.time.format("%I:%M %p"); 
+0

는 작동하지 않는다. 날짜와 날 (Thu 08)과 같은 것을 보여줍니다. – Dan

2

실제로 축을 작성하는 데 도움이해야 .step 변경, 당신은 또한 .serverDelay로 재생할 수 있습니다 또한 축 자체를 작성할 것이다 :

var context = cubism.context() // set the cubism context 
//.serverDelay(0) // No server delay 
//.clientDelay(0) // No client delay 
.step((1 * (1000*60*60))) // step once ever second 
.size(1440) // and make the horizon div 1440 px wide. 
.stop(); //to stop the cubism from flowing like a real time cubism 

    //1e3 or 1 seconds 
    //1e4 or 10 seconds 
    //6e4 or 1 minute 
    //3e5 or 5 minutes 
    //36e5 or 1 hour 
    //864e5 or 1 day 

또한 .serverDelay에 대한 자세한 내용이 게시물을 확인하실 수 있습니다(). Change scale default in cubism.js

관련 문제