응답 형 실시간 그래프를 만들기위한 무료 WordPress 플러그인이 있습니까? WordPress 게시물에 그래프를 추가하거나 WordPress 게시물을 추가하십시오. 페이지는 일반적으로 간단합니다. 대부분의 플러그인은 게시물이나 페이지에 삽입 할 수있는 단축 코드 또는 블록을 제공합니다. 그런 다음 플러그인의 인터페이스 내에서 그래프 설정과 데이터를 구성합니다. 이 플러그인은 대화식 그래프를 지원합니까? 일부 WordPress 플러그인을위한 일부 WordPress 플러그인. 그래프 생성을 통해 그래프를 내보내거나 인쇄 할 수 있습니다. 보고서 또는 프레젠테이션에 그래프를 포함 해야하는 경우 유용 할 수 있습니다. 내보내기 형식은 다를 수 있지만 일반적으로 PNG, JPEG, PDF 및 SVG를 포함합니다.
푸시 업 추적기 양식 및 데이터베이스 테이블을 사용하여 그래프에서 데이터를 채울 수 있습니다. 이 시스템이 설치되면 모든 유형의 그래프 데이터를 만들 수 있습니다. ’;
}
또 다른
{
// 쿼리
$ sql = mysql_query (“PUSPUPS '.``PUSHUPS_WPUSER` =‘$ wPUSER’및`PUSPUPS`.`` Active` = 1 순서가있는 팔 굽혀 펴기에서 선택 *;
/*
최소 및 최대 쿼리. 일반적으로 생산할 필요는 없습니다
플로트에 대한 우리 자신의 최소 및 최대 수치, 아래의 프로세스는 데이터를 만듭니다.
플로트가 0으로 해석하는 쉼표로 끝납니다.
*/
$ min = mysql_Query (“PUSHUPS_COUNT에서 PUSPUPS_COUNT SELECT ORTER FROM PUSHUPS_COUNT를 POUSHUPS_COUNT ASC LIMIT 1”);
$ max = mysql_query (“Purpups_count desc 리미트 1”에 의한 PUSHUPS ORDER에서 PUSPUPS_COUNT를 선택);
// 그래프의 최소 점을 계산해야합니다.
while ($ row = mysql_fetch_array ($ min))
{
$ min_count = $ row [ 'Purpups_Count'];
}
$ min_count = $ min_count * .9; // 이것은 우리에게 차트에 약간의 호흡 공간을 제공합니다.
// 그래프의 최대 포인트를 계산하겠습니다
while ($ row = mysql_fetch_array ($ max))
{
$ max_count = $ row [ 'Purpups_Count'];
}$ max_count = $ max_count * 1.1; // 이것은 또한 우리에게 차트에서 약간의 호흡 공간을 제공합니다.
/*
이제 우리는 JavaScript와 HTML을 페이지에 생성합니다.
이것은 내가 가장 좋아하는 방법은 아니지만 작업을 완료합니다.
*/
echo‘
WordPress 사이트 내에서 반응 형 실시간 그래프를 만드는 시리즈 의이 부분에서 마침내 좋은 것들에 도달 할 것입니다! 마지막 세 부분은 새로운 디자이너들에게 속도를 높이는 것이 었습니다. 방금 도착하거나 너무 빨리 건너 뛰거나 혼란스러워지면 이전 부분으로 돌아가서 약간 검토하십시오. 코드 중 일부는 그래프 라이브러리를 작동시키는 데 필요한 UNIX 타임 스탬프와 같이이 프로젝트에 상당히 구체적입니다.
플로트 그래프와 함께 사용하기 위해 간단한 팔 굽혀 펴기 추적기 양식 및 데이터베이스 테이블을 구축했습니다. 물론 거의 모든 데이터 소스를 사용하여 페이지에 데이터를 채울 수 있습니다. 그러나 형태와 phpmyadmin으로 작업을 시작하는 방법을 초보자에게 가르치기 위해서는 전체 과정을 처음부터 걸어 가고 싶었습니다.
WordPress 사이트 내에이 시스템이 마련된 후에는 문자 그대로 모든 종류의 그래프 데이터를 만들 수 있습니다. 플로트 그래프 라이브러리는 광범위하고 구현하기가 매우 쉽습니다. 내가 시연 할 수 있듯이, PUSHUPS 트래커로 헹구고 반복 하고이 데이터를 표시하기위한 강력한 시스템을 만들 수 있습니다.
1 단계 : 플로트 라이브러리를 얻습니다
많은 이유로 그래프에 플로트를 사용하고 있지만 대부분 구현하기 쉽고 상상할 수있는 모든 장치에서 작동 할 수 있었기 때문입니다. HTML5의 캔버스 기능을 사용하여 데이터를 그릴 수 있으며 미친 듯이 놀라운 것들을 사용할 수 있습니다. 원하는 것을 사용할 수 있습니다. 그러나이 튜토리얼에는 플로트를 사용합니다.
특히, 우리는 플러그인 (Flot for WordPress)을 사용하여 WordPress에서 Flot 라이브러리를 올바르게 등록하고 실행하고 있습니다. 플러그인을 사용하는 것이 좋습니다. 그러나 플로트없이 플로트를 구현할 수 있습니다.
WordPress 플러그인 용 플로트
게시물을 게시하면 완료됩니다. 현재 포스트 컨텐츠는 아직 바로가 코드의 기능을 만들지 않았기 때문에 정확한 텍스트 "[purpups_results_sc]"를 표시합니다.
3 단계 : 그래프를 만듭니다
이 시리즈의 2 부에서는 WordPress 데이터베이스에서 Purpups라는 새 테이블을 만들었습니다. 우리는 그것을 사용하여 양식에서 팔 굽혀 펴기 정보를 저장합니다. phpmyadmin에 정말로 편안한 경우 SQL 탭으로 이동 하여이 쿼리를 실행하여 사용할 테이블을 만듭니다.
[sourcecode language =”sql”]
테이블 작성`{데이터베이스}````````````````` ''(
`PUSPUPS_ID` int (10) NOT NULL AUTO_INCREMENT,
`PUSPUPS_COUNT` int (3) NOT NULL,
`PUSPUPS_DATE` VARCHAR (15) NOT NULL,
`PUSPUPS_WPUSER` VARCHAR (100) NOT NULL,
`Active` int (2) NOL NULL DEFAULT '1',
인덱스 (`purpups_id`)
) 엔진 = Myisam
[/sourcecode]
이 시점까지 모든 것은 인프라를 확보하여 데이터를 가져 와서 멋진 방식으로 표시 할 수 있도록하는 것입니다. 여기서부터 그래프에 관한 모든 것입니다!
새 php 파일을 만들고 purpups_results.php라고 부릅니다. 다음 코드를 붙인 후 WP-Content/Plugins/Flot-For-WP/Flot 폴더에 업로드 할 것입니다.
[sourcecode language =”php”]
php
/*
설명 :이 코드는 WordPress 단축 코드로 호출됩니다.
데이터베이스를 호출하고 플로트 차트에 데이터를 표시합니다.
저자 : @jphornor 및 @tarahornor
라이센스 : GPL3
*/
// 여기에 우리의 기능이 있습니다!
함수 purpups_results () {
/*
DB 연결을 얻으십시오. connect_to_db.php를 만들지 않은 경우
파일, 여기에 데이터베이스 연결 정보를 추가하십시오
*/
포함 ( "connect_to_db.php");
connect_to_db ();
/*
이것은 우리에게 현재 로그인 한 사용자를 얻고 사용자 이름을 지정합니다.
기본 쿼리에 사용되는 변수 WPUSER에
*/
get_currentuserinfo ();
$ current_user = wp_get_current_user ();
$ wpuser = $ current_user-> user_login;
// 큰 테스트! 사용자가 로그인하지 않으면 아무것도 얻지 못합니다!
if (! is_user_logged_in ())
{
echo‘ 로그인 푸시 업 결과를 보려면!
푸시 업 결과’. $ wpuser. ‘
’;
echo‘
요약
이것은 많은 코드이지만 시간을내어 주석을 검토하십시오. 많은 일이 일어나고 있으며 Flot이 데이터를 해석하는 방법을 추적하지 않으면 자신의 데이터를 사용하여 어려움을 겪게됩니다.
이 작품에서 우리는 꽤 조밀 한 과정을 다루었습니다. 나는 당신이 복사하고 붙여 넣는 것을 허용함으로써 당신을 쉽게 만들려고 노력했지만 게으르지 마십시오! 이 플러그인을 추가하고 마술처럼 아름다운 그래프를 얻을 수는 없습니다. 따라서이 코드를 검토하는 데 시간이 좀 걸립니다.
빠른 요약으로, 시리즈 의이 부분에서 우리는 다음을 다루었습니다.
실시간 데이터로 그래프를 업데이트하는 것은 사용중인 플러그인에 따라 다양한 방법을 통해 달성 할 수 있습니다. 일부 플러그인은 실시간 데이터 업데이트 기능을 제공하는 반면, 다른 플러그인은 데이터를 수동으로 업데이트하거나 추가 도구 또는 서비스를 사용해야 할 수도 있습니다. 항상 플러그인의 설명서 또는 특정 지침에 대한 지원을 참조하십시오. 내 WordPress 게시물 또는 페이지에 그래프를 추가하는 방법?
일부 WordPress 플러그인에서 그래프를 만들 수 있습니다. WordPress 게시물 또는 페이지 데이터. 이는 페이지보기 또는 방문자 인구 통계와 같은 사이트의 분석을 시각화하는 데 유용 할 수 있습니다. 이 기능이 지원되는지 확인하려면 항상 플러그인의 기능과 문서를 확인하십시오. 그래프를 만들기위한 많은 WordPress 플러그인이 상호 작용을 지원합니다. 즉, 사용자는 데이터 포인트를 사용하여 더 많은 정보를 보거나 확대 및 축소하거나 데이터 포인트를 클릭하여 다른 페이지로 이동할 수 있습니다. 그러나 상호 작용 수준은 플러그인마다 다를 수 있으므로 플러그인을 선택할 때이 기능을 확인하는 것이 중요합니다.
이 플러그인으로 그래프를 내보내거나 인쇄 할 수 있습니까?
그래프를 만들기위한 많은 WordPress 플러그인이 호환됩니다. Elementor 및 Gutenberg와 같은 인기있는 페이지 빌더와 함께. 이를 통해 페이지 빌더 인터페이스 내에서 그래프를 쉽게 추가하고 사용자 정의 할 수 있습니다. 그러나 호환성은 플러그인마다 다를 수 있으므로 플러그인을 선택하기 전에이를 확인하는 것이 중요합니다. 그래프 생성을위한 대부분의 WordPress 플러그인은 사용자 친화적이며 코딩 기술이 필요하지 않도록 설계되었습니다. 일반적으로 데이터를 입력하고 그래프를 사용자 정의 할 수있는 시각적 인터페이스를 제공합니다. 그러나 일부 플러그인은 기본 HTML 또는 CSS 지식이 필요한 추가 기능 또는 사용자 정의 옵션을 제공 할 수 있습니다.
위 내용은 WordPress의 반응 형 실시간 그래프 : 플러그인 및 플로팅의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
