d3js : <br> 1 : 다음 <strong>드롭 드로우 목록</strong>와 <br> <a href="https://i.stack.imgur.com/QbS3Q.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QbS3Q.png" alt="enter image description here"></a></p> <p>: 데이터/열 드롭 다운 목록 시계열 차트 필요는

Question

나는 다음과 같은 시계열 차트를 구축하고 싶습니다 . 볼륨 카테고리 (< 50 < 100 ...)
2 시간 프레임 (2016년 1월 1일, ...)
3. 산업 (엔터테인먼트, 금융 ...)
4. 나라 01,238,007,316,개 5. 도시
6. 회사

내가 마이크 Bostock의 멀티 시리즈 라인 차트 (https://bl.ocks.org/mbostock/3884955)를 참조하십시오.

사용 된 데이터/열 : 날짜, 뉴욕, 샌프란시스코, 오스틴

내가 필요한 특정 열은 무엇입니까?
1. 회사
2. 산업
3. 나라
4. 도시
기준 시간 = 5 X 축
6 권 =
7. 체적 기 비아 카운트 (별개 회사) 볼륨
볼륨을 점점없이

수출 MySQL의 데이터에 대한 카테고리 = 경우에 조건없는, 아래를 참조 이유를 다음과 같음 :

,321 0

문제 : 볼륨을 찾기 위해 "그룹화"를 사용하면 시간 프레임의 날짜가 손실됩니다. 기본적으로 차트와 드롭 다운 목록을 작성하기 위해 MySQL DB에서 추출해야하는 데이터/열을 확신 할 수 없습니다.

또는 JSON 파일을로드 한 후에 가변 볼륨 및 볼륨 카테고리를 만들려고합니다. 추천 할만한 좋은 예가 있습니까?

현재 건물 드롭 다운 목록 및 시계열 차트 예를 읽고 있습니다.

Answer 1

d3이 드롭 ​​다운 목록의 변경 사항에 맞게 다시 처리 할 수있는 하나의 TSV 또는 json 형식의 데이터 세트를 찾고있는 것 같습니다.

일일, 주간, 월간, 분기별로 다음과 같은 내용을 의미합니다.

그렇다면 산업별 및 도시 별로만 데이터를 유지해야합니다. 즉, 별개의 회사를 볼륨으로 계산합니다 (즉, 회사를 자체 열로 가질 수 없음을 의미). 그리고 드롭 소정의 볼륨 카테고리.

사실이 데이터를 d3으로 통과 한 후 특정 산업 또는 도시의 볼륨 만 필터링하거나 필터링 된 도시의 모든 산업에 대한 모든 볼륨을 합산하거나 모든 산업의 모든 볼륨을 합계하여 필터링 된 국가와 일치하는 도시 등그리고 시간대가 가장 작은 단위의 배수 인 경우 모든 사람에게 다시 한 번 - 일주일에 7 일간, 월간에 일별 30 번. 일단 데이터를 차트에 다시 바인딩하고 다시 그려 넣기 전에 데이터에서 합산 ​​한 볼륨 카테고리를 업데이트 할 수 있습니다.

즉, 드롭 다운이 변경 될 때마다 해당 선택 항목에 대해 특별히 튜닝 된 sql 쿼리를 사용하여 백 엔드 서비스의 데이터를 다시 요청하거나 페이지 당 하나의 데이터 요청이로드되고 자바 스크립트를 사용하여 조정합니다 nest.keys 및 nest.rollup을 사용하는 데이터를 기반으로합니다.