Jquery Mobile을 사용하여 모바일에 차트 (d3js) 표시

저는 Jake Mobile을 사용하여 d3js을 사용하여 생성 된 차트를 표시 할 수있는 HTML5 모바일 애플리케이션을 만들고 있습니다. 이 차트는 클라이언트 측에서 작성되지만 데이터는 서버를 통해 검색됩니다. JQM 페이지는 서버에서 데이터를 요청하고 즉석 차트를 만드는 정적 HTML 페이지입니다. 그러나 JQM 아약스/해시 매핑을 이해하는 데 어려움을 겪고 있습니다. 요청을 다른 페이지로 리디렉션하면 해당 페이지에서 javascript를 실행할 수 없습니다. 따라서 window.location.href = a.html을 사용하여 $ .mobile.changePage (a.html) 대신 페이지를 변경했습니다.Jquery Mobile을 사용하여 모바일에 차트 (d3js) 표시

각 데이터 페이지에는 캐시 할 수있는 ID가 있으므로 어떻게 새 페이지 링크를 만들어 데이터를 공급할 수 있습니까?

나는이 개 파일이 : 사용자가보고 선택할 수있는 데이터의 목록을 포함 index.html 다음 서버에서 데이터를 가져 오기 위해 자바 스크립트 Ajax를 사용하여 차트를 만드는 방법에 대한 정보가 포함되어 chart.html 또 다른 파일. JQM을 사용하면 어떻게 가능합니까?

출처

2012-06-07 Abhishek

난 당신이 이미 JQM Page Links 및 JQM Page Scripting JQM은 (HI) 아약스를 통해 이후의 모든 페이지를 가져와 현재 DOM에 자신의 <body> 태그를 삽입하기 때문에

를 통해 실행 한 희망; 후속 페이지에 정의 된 <script>이 실행되지 않습니다.

당신은 당신의 첫 번째 페이지의 <head>의 모든 스크립트를 포함해야합니다

- 페이지 사이를 매개 변수를 전달하는

index.html을; 나는 개인적으로 그냥 $의 .DATA를 사용하지만 당신은 단순히)합니다 (JQM Page Scripting 페이지

의 맨 아래에 언급 된 플러그인을 사용할 수있는 기능 : D 나는 각 차트 모듈 (각 데이터 역할을 제공하는 방법을 궁금

출처

2012-06-07 10:13:42

= "page") 고유 한 ID를 사용하여 런타임시 charttype 및 chartpage 만 알 수 있습니다. 고유 한 ID를주지 않으면 동일한 페이지 만 렌더링됩니다. 그렇지 않니? – Abhishek

각 차트 유형마다 별도의 페이지를 만들 필요가 없습니다. 대신 "inputPage"의 사용자 선택 유형을 기반으로 단일 "chartPage"의 내용에 올바른 차트 유형을 렌더링하십시오 –

고맙습니다. 그 트릭을 할 것입니다. – Abhishek

Jquery Mobile을 사용하여 모바일에 차트 (d3js) 표시

답변

관련 문제