2013-02-02 2 views
0

PHP를 사용하여 mySQL 데이터베이스의 데이터로 간단한 선 그래프를 만들어 데이터를 JSON 형식으로 반환했습니다."라이브"그래프 시뮬레이션 된 데이터가 포함 된 d3.js

https://gist.github.com/5fc4cd5f41a6ddf2df23

나는이 예제와 비슷한 업데이트 "라이브"시뮬레이션 좋아하지만, 덜 복잡한 것 : http://bl.ocks.org/2657838

단순히 새로운으로이를 달성하는 방법에 대한 예제를 찾고 있었어요 D3 - 아무 소용이 없습니다.

나는 마이크 Bostock의 http://bost.ocks.org/mike/path/ 경로 전환을 살펴 봤지만 json 데이터를 사용하여 이것을 구현하는 방법을 모르겠습니다.

아무에게도이를 수행 할 수있는 방법에 대한 예 또는 방향을 제시 할 수 있습니까?

답변

2

많은 수의 을 약간 옮기고 전체 행을 다시 렌더링하면 성능이 저하 될 수 있기 때문에 SVG에서 이러한 종류의 선 변환을하는 것은 까다로운 작업입니다.

각 데이터 요소와의 상호 작용이 중요하지 않으며 시계열이 임의의 수의 점을 포함하여 커질 수있는 경우에는 Cubism을 사용해보십시오. 이것은 d3을 기반으로하는 라이브러리이지만 시계열 데이터를 효율적으로 시각화하기위한 것입니다. SVG의 rerendings를 방지하기 위해 캔버스에 포인트를 그려 새로운 데이터가 도착할 때 저렴한 픽셀 단위 전환을 허용합니다.

+1

고맙습니다 - 입체주의는 시계열 수평계 차트 만 허용합니까? API에서 볼 수 있듯이 이것이 사실 인 것 같습니다. 아마도 내가 틀렸을 것입니다. 이 레이아웃이 선 그래프로 필요합니다. http://bl.ocks.org/2657838 – Newbie

+0

예, 수평선과 비교 차트 만 있습니다. 원하는 레이아웃의 일부는 입체파를 사용하여 적절한 색 설정을 사용하고 적절한 비늘을 선택하여 모방 할 수 있다고 생각합니다. 그렇지만 입체주의는 매우 구체적인 라이브러리를 의미합니다. 이 경우 자신의 선 그래프를 작성하면 (예에서와 같이) 유연성이 향상됩니다. –

+0

고마워 - 입체파에 대해 더 많이 읽는다면 더 효율적인 옵션처럼 보입니다. 거기에 많은 정보 나 많은 예제가있는 것 같지 않습니다. 내 데이터는 JSON 형식입니다. 이러한 유형의 데이터 소스를 사용하여 입체 시계의 시계열 그래프를 구현하려면 어떻게해야합니까? 모든 방향이나 예제는 크게 감사하겠습니다. – Newbie

관련 문제