d3.js를 사용하여 JSON 데이터를 얻고 꺾은 선형 차트를 만드는 방법은 무엇입니까?

Question

큰 JSON 배열을 반향하는 PHP 스크립트가 있습니다. 이것은 매우 작은 부분입니다 :

{ 
"BR_RioDeJaneiro": [ 
    { 
     "timeRange": "12:00:00 AM-12:19:59 AM", 
     "average": "4.3653" 
    }, 
    { 
     "timeRange": "12:20:00 AM-12:39:59 AM", 
     "average": "4.5386" 
    } 
] 
} 

실제로 시간 범위는 11:50:00 AM-11:59:59 PM까지 올라갑니다. timeRange을 도메인으로, average을 범위로 지정합니다. 각 시간대의 평균을 시각화하는 선형 차트를 만들고 싶습니다. json 데이터를 가져 오는 데 사용할 수있는 d3.json() 함수가 있지만 도메인, 범위를 설정하고 시각화를 만드는 방법을 이해하는 데 어려움을 겪고 있습니다. 감사.

Answer 1

이 튜토리얼은 당신이하는 방법을 요구하는지의 대부분을 수행합니다

http://www.recursion.org/d3-for-mere-mortals/

그것은 날짜와 값으로 구성된 경로 기반 선 그래프를 작성합니다.

귀하의 경우 문자열 날짜 범위를 플롯하기 위해 사용할 수있는 실제 날짜로 변환하려면 몇 가지 작업을 수행해야합니다.

또한 메모는 시간 범위가 연속적이면 (즉, 마지막으로 종료 될 때마다 시작됨) 종료일을 신경 쓸 필요가 없습니다.