딤플의 시간 축에 대한 최대/최대 값을 구하는 방법은 무엇입니까?

Question

저는 Y 축에 날짜가있는 데이터, X 축에 하루 중 시간 (0-23)을 그리는 데 딤플을 사용하고 있습니다. 지금은 항상 Y 축 범위를 한 달 전체로, X 축은 하루 24 시간 전체를 다루고 싶습니다.

딤플은 overrideMin 및 overrideMax하지만 시간 축에 대한 내가 어떻게 값을 지정하는 아무 생각이 없다 제공 :

https://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#overrideMin 내가 http://jsfiddle.net/mfhrpy6e/

var svg = dimple.newSvg("#chartContainer", 590, 400); 
var data = [ 
    {'Date': '04-03-2013', 'Time': '13:05:01'}, 
    {'Date': '10-03-2013', 'Time': '12:45:52'}, 
    {'Date': '19-03-2013', 'Time': '05:08:21'}, 
    {'Date': '23-03-2013', 'Time': '21:55:01'}, 
]; 

var myChart = new dimple.chart(svg, data); 
var x = myChart.addTimeAxis("x", "Time", "%H:%M:%S", "%H"); 
var y = myChart.addTimeAxis("y", "Date", "%d-%m-%Y", "%d-%m"); 
var s = myChart.addSeries(null, dimple.plot.bubble); 
myChart.draw(); 

Answer 1

당신은 최대 및 최소 값의 날짜 개체를 만들 D3를 사용하여 작업을 수행 할 수 있습니다

x.overrideMin = d3.time.format("%H:%M:%S").parse("00:00:00"); 
x.overrideMax = d3.time.format("%H:%M:%S").parse("23:59:59"); 

00:00:00 00:00로 이동하려는 경우 해킹이 아니라 : 00 일을 소개해야 할 때, 그렇지 않으면 시스템은 그들을 구별 할 수 없습니다. 여기

는 바이올린 당신의 대답 단순화 : 그것은, 예를 들면 날짜

http://jsfiddle.net/mfhrpy6e/6/

Answer 2

http://dimplejs.org/advanced_examples_viewer.html?id=advanced_time_axis을 수행에 최소한의 예제를 만들어을하지만 해키 해결 방법을 사용 .

Dimple은 최소/최대 값이 여기에 D3의 날짜 형식이 될 것으로 예상합니다. 수반되는 시간 형식/개체가없는 것 같습니다. 이 예제의 해결 방법은 2000 년 1 월 1 일에 모든 날짜를 같은 날짜에 놓은 다음 해당 날짜의 최소 및 최대 시간을 지정하는 것입니다.

우선마다에 날짜를 추가 :

data.forEach(function (d) { 
    d["Time"] = "2000-01-01 " + d["Time"]; 
}, this); 

을 한 후 최소/최대 지정 http://jsfiddle.net/mfhrpy6e/5/

이 정말되지 않습니다 : 여기에

// 2000-01-01 does not work here, no idea 
x.overrideMin = new Date("01/01/2000 00:00:00"); 
x.overrideMax = new Date("01/01/2000 23:59:59"); 

업데이트 된 바이올린입니다 만족 스럽지만 꽤 못생긴 솔루션이므로 내 자신의 질문에 대한 대답으로 받아들이지 않을 것입니다.