나는 인력거를 사용하여 서로 다른 시간에 속도를 보여줄 꺾은 선형 차트를 만듭니다.올바른 날짜 형식 인력거
내 데이터 보인다 같은 X는 (유닉스 초) 시간이고 Y는 (MPH에) 속도입니다
[{"x":1484124298856,"y":10},{"x":1484124300949,"y":10},{"x":1484124303142,"y":6},{"x":1484124305543,"y":7},{"x":1484124308544,"y":11},{"x":1484124310415,"y":8},{"x":1484124312038,"y":6},{"x":1484124313609,"y":10},{"x":1484124315152,"y":9},{"x":1484124316804,"y":4},{"x":1484124318638,"y":4},{"x":1484124320577,"y":8},{"x":1484124323127,"y":11},{"x":1484124325787,"y":3},{"x":1484124332703,"y":7},{"x":1484124340367,"y":2},{"x":1484124343787,"y":6},{"x":1484124348003,"y":9},{"x":1484124358932,"y":1},{"x":1484124363545,"y":9},{"x":1484124365670,"y":4},{"x":1484124367744,"y":6},{"x":1484124370212,"y":8},{"x":1484124372633,"y":2},{"x":1484124374960,"y":10},{"x":1484124377234,"y":9},{"x":1484124379623,"y":5},{"x":1484124382105,"y":4},{"x":1484124384763,"y":7},{"x":1484124387649,"y":5},{"x":1484124389965,"y":4},{"x":1484124391586,"y":3},{"x":1484124393010,"y":8},{"x":1484124394309,"y":10},{"x":1484124395588,"y":9},{"x":1484124396844,"y":10},{"x":1484124398047,"y":2},{"x":1484124399222,"y":1},{"x":1484124400324,"y":10},{"x":1484124401497,"y":4},{"x":1484124402787,"y":6},{"x":1484124405196,"y":2},{"x":1484124407560,"y":11},{"x":1484124409613,"y":2},{"x":1484124411312,"y":3},{"x":1484124412982,"y":3},{"x":1484124414386,"y":8},{"x":1484124415735,"y":6},{"x":1484124417047,"y":4},{"x":1484124418433,"y":8},{"x":1484124420174,"y":4},{"x":1484124423064,"y":5},{"x":1484124425978,"y":1},{"x":1484124428110,"y":9},{"x":1484124429807,"y":5},{"x":1484124431495,"y":9},{"x":1484124433077,"y":2},{"x":1484124434563,"y":1},{"x":1484124435975,"y":6},{"x":1484124437624,"y":6},{"x":1484124440760,"y":4},{"x":1484124444016,"y":6},{"x":1484124446655,"y":10},{"x":1484124448596,"y":2},{"x":1484124450839,"y":7},{"x":1484124452820,"y":6},{"x":1484124454660,"y":6},{"x":1484124456322,"y":10},{"x":1484124457993,"y":11},{"x":1484124459839,"y":5},{"x":1484124462118,"y":9},{"x":1484124464724,"y":6},{"x":1484124467396,"y":7},{"x":1484124470081,"y":3},{"x":1484124475097,"y":10},{"x":1484124484548,"y":2},{"x":1484124498625,"y":10},{"x":1484124526543,"y":2},{"x":1484124531178,"y":6},{"x":1484124536233,"y":11},{"x":1484124571541,"y":1},{"x":1484124595464,"y":7}]
.
var x_ticks = new Rickshaw.Graph.Axis.Time({
graph: graph,
orientation: 'bottom',
timeFixture: new Rickshaw.Fixtures.Time.Local()
element: document.getElementById('x_axis')
});
var y_ticks = new Rickshaw.Graph.Axis.Y({
graph: graph,
orientation: 'left',
tickFormat: Rickshaw.Fixtures.Number.formatKMBT,
element: document.getElementById('y_axis')
});
을 그리고 주요 그래프 :
var graph = new Rickshaw.Graph({
element: document.getElementById("speedGraph"),
renderer: 'line',
width: $('#speedGraph').width(),
height: $('#speedGraph').height(),
series: [
{
data: data,
color: "#c05020"
}
]
});
graph.render();
하지만 X 축에 잘못된 날짜를 참조 다음과 같이
내 X 축과 Y 축입니다. 예를 들어 위의 데이터는 모두 2016 년 1 월 11 일에 있지만 다른 시간대에 있습니다. 다음과 같이 그러나 나는 그래프에 표시되는 라벨은 다음과 같습니다
때문에 데이터 벌금을 이해한다 타임 스탬프 인력거 날짜가 유닉스에있을 것으로 예상 워드 프로세서에 따르면.
왜 라벨이 잘못된 날짜로 표시됩니까?
2. 어떻게 축에 레이블을 시간으로 표시 할 수 있습니까? 예 : 9:00, 10:00, 11:00 등
이것은 라벨의 형식 문제가 아닙니다. 인력거가 타임 스탬프를 잘못 읽고 있습니다!
은'timeFixture' 속성은 무엇입니까 :
나는 귀하의 요구 사항에 맞게 rickshaw example을 편집 한? 범인 인 것처럼 보입니다. 이 예제에서는 불필요한 것처럼 보입니다 : http://code.shutterstock.com/rickshaw/examples/scaled.html – Luke