HTML <form>을 사용하여 Google Charts로 차트 만들기

Question

최근에 작업 중인 프로젝트에 시각적 분석을 삽입하려고 시도했는데 HTML의 UI에서 그래프를 생성할 수 있기를 원했습니다 form. 내 HTML 페이지의 코드는 다음과 같습니다.

으아아아

양식을 처리하는 파일은 getData.php

으아아아

내 목표는 사용자가 첫 번째 페이지의 html 형식에 원하는 차트 유형과 속성을 입력한 다음 두 번째 페이지에서 요청을 처리하고 차트를 인쇄하도록 하는 것입니다.

내가 많은 코드를 게시했다는 것을 알고 있지만 이 문제로 3일 동안 어려움을 겪었으며 어떤 도움이라도 환영합니다!

편집 $_SESSION['LAST_ACTIVITY'] = time(); 和 $usersid을 정의하는 부분을 추가했습니다.

문제는 양식에서 데이터를 가져와 이를 사용하여 차트를 만드는 방법을 찾을 수 없다는 것입니다. 내가 만들 때

으아아아

drawChart() 함수 내부의 표시가 전체 getData.php 페이지를 완전히 흰색으로 바꿉니다. 이것이 내 문제를 설명하는 좋은 방법이 아니라는 것을 알고 있지만 최선을 다했습니다. 필요한 설명이 있으면 저에게 물어보세요.

편집 2

@Professor Abronsius의 답변이 변경된 후 원형 차트를 인쇄할 수 있지만 안타깝게도 다음과 같습니다.

json 파일이 어떻게 생겼는지 알아보기 위해 네트워크 트래픽을 살펴보려고 하면 파일이 괜찮아 보입니다.

으아아아

이것은 동일한 부분으로 구성된 원형 차트를 인쇄해야 한다는 의미입니다. 어떤 아이디어가 있습니까?

편집 3

차트를 생성할 때 콘솔에 오류가 없으며 다음 줄에 console.log()를 추가한 후:

으아아아

콘솔의 출력은 다음과 같습니다(맞는지 틀렸는지 모르겠습니다).

으아아아

레이어 내: wf->0->c && 캐시에서 dataTbl을 채울 것으로 예상되는 데이터를 볼 수 있지만 나머지는 무엇인지 모르겠습니다...

미리 감사드립니다!

getData.php 파일에 대한 PasteBin 링크

html-form.php 파일에 대한 PasteBin 링크

Answer 1

다음 중 어느 것도 테스트되지 않았지만 해결 방법을 찾는 데 도움이 될 수 있습니다. 전통적인 방식으로 양식을 제출하는 것이 아니라 getData.php 和 HTML/javascript 完全分开。 getData.php 应该只运行 SQL 查询并将数据发送回 ajax 回调，然后调用 drawChart를 사용하여 실제로 차트를 작성하는 것이 좋습니다.

getData.php

으아아아

및 slim HTML 페이지 버전(외부 라이브러리나 CSS 없이 데모용):

으아아아

사소한 변경 및 테스트 페이지 구축, 제작된 앱 실행: