2013-01-08 3 views
0

간단한 그래프를 그려보고 싶습니다.mySQL 데이터를 사용하여 캔버스를 만들 수 있습니까?

mySQL 데이터를 이러한 기능의 캔버스 기능과 함께 사용할 수 있는지 궁금합니다.

어떤 통찰력도 좋을 것입니다, 감사합니다!

+0

물론 할 수 있습니다. 인터넷 검색을 할 수 있습니다. 아무도 당신을 위해 코드를 작성하지 않을 것입니다. –

+0

조사를 해봤지만 답을 찾지 못했습니다. 확실히 나를 위해 코드를 작성하는 사람은 없을 것입니다. – spm

+1

아무런 문제가 없지만 ThiefMaster의 대답에서 실제로 몇 가지 힌트를 얻을 수 있습니다. 먼저 몇 가지 예제를 검색하고 "draw graph html canvas"를 검색하십시오. html 캔버스에서 그래프를 그리고 샘플 페이지를 만드는 방법을 배웁니다. 예제에서는 정적 데이터를 사용합니다. 이제 당신은 mysql 데이터베이스에서 그래프 데이터를로드하고 싶다. "ajax json php mysql example"으로 검색하십시오. 인터넷에 이것들이 많이 있습니다. 이제 샘플 HTML 페이지에서 ajax를 사용하여 그래프 데이터를 가져 오는 코드를 작성하십시오. 그게 전부 야. –

답변

3

이전 답변 중 일부는 사용자가 묻는 내용을 완전히 오해 한 것 같습니다. 기본적으로 MySQL 데이터베이스에 저장된 데이터를 활용하여 기본 HTML 5 그래프 (캔버스 API의 기본 선택적 출력)의 X 및 Y 값을 채우는 방법을 찾고 있습니다. HTML 5로 차트를 만드는 법을 이미 알고있는 것처럼 들리 겠지만 "정적"예제는 훌륭합니다. 이제 MySQL과 같은 데이터베이스의 동적 데이터를 채우는 방법을 배우고 싶습니다. 나는 같은 대답을 찾고 있었고 stackoverflow에서이 스레드를 발견했다. 도움이 될만한 질문이있다 How can I populate a javascript array with values from a database using PHP?

데이터베이스에 연결하고 PHP로 기본 SQL 쿼리를 데이터베이스에 보내는 방법을 알고 있다면 나머지는 매우 쉽다. . 이 URL에는 여러 가지 방법이 나와 있지만 가장 깨끗한 것으로 JSON에서 PHP를 통해 검색된 데이터를 인코딩하는 것입니다. 여기 제가 시도 할 샘플이 있습니다.

$array = array(); 
while ($row = mysql_fetch_assoc($result)) { 
    $array[] = $row['key']; 
} 
echo 'var array = '.json_encode($array).';'; 

모든 코드가 PHP이므로 올바른 열기 및 닫기 태그를 사용해야합니다. 마지막 줄은 PHP 배열에 저장된 검색된 데이터가 JSON으로 인코딩되어 자바 스크립트에서 사용할 수있는 배열을 만드는 곳입니다. 이제 캔버스 코드를 작성하고 인코딩 된 배열을 반복하여 그래프를 동적으로 작성하십시오.

당신이 올바른 방향으로 더 나아갈 것을 기대하고 ... 오만한 옛 응답자들에게 수치가 왔기를 바랍니다.

+0

스레드의 나이에도 불구하고 응답 주셔서 감사합니다. 다행히도 저는 PHP를 사용하는 것이 편하며 실제로 SVG를 사용하는 것을 가리키는 그래프를 만들었습니다. TheifMaster와는 달리 저는 웹 개발에 대한 광범위한 경험이 없습니다. d 가방이 아니라는 당신에게 명성. – spm

0

네, 분명히 가능합니다. 데이터를 JSON 인코딩하여 JavaScript 코드에서 사용할 수 있도록 만든 다음 다른 데이터와 마찬가지로 사용합니다. 결국 그게 뭐니 : 데이터. 그것이 어디에 저장되어 있는지는 중요하지 않습니다.

관련 문제