PHPとjQuery Raphael.jsで円グラフを作成します。

非常に多くの場合よりも我々は、通常、統計上の目的のために、自らがデータベースから取得したデータの抽出を示すミニアプリケーターを実装する必要が見つけるマーケティングは、独自の市場調査のためにそれらを必要とするかもしれないので、他の回は、顧客からのフィードバックを得るために製品は、時々調査の結果を表示する。

グラフを使用すると、すぐに私たちは表形式でそれらを読む前に、データを解釈できるように視線を持つことができます。
それは、"通常、長い顧客に喜ば機能であり、それははるかに少ない退屈なデータの長い文字列が分析することができます。

グラフィックスの作成が困難であったことがないが、いくつかのソリューションが他より優れている、我々は目には、高速で固体と喜ばせる何かを作成するために参照してください。

のソリューション

我々が提案する組み合わせは、の用量で、PHPと MySQLに基づいているSVG （スケーラブルベクターグラフィックス）とjQueryの。
Raphael.js：先に進むれるとロジックを説明する前に私は、私たちは素晴らしい結果を達成できるようにするSVGのためのJavaScriptライブラリを、紹介させて

Raphael.jsとgRaphael

いくつかの時間前に、ブラウジングとjQueryで遊んで簡単に我々の最愛のフレームワークに統合される可能性のあるキャンバスのcrossbrowserを描画するためのソリューションがあった場合、私は疑問に思いました。 簡単な検索後、私はたまたまここに 。

Raphael.jsは私達がない私たちの心はSVGを使用して想像できるかは重要でWebページを設計しないことができるJavaScriptで書かれたライブラリです。

：私はあなたのサイトに豊富なドキュメントでサーフィンを学ぶために招待ライブラリは、グラフィックスのために作成された弟、持ってgRaphaelを

のロジック

アイデアは通過し、インタラクティブなチャートを作成するgRaphael AJAXでそれらを処理するためにクライアント側で jQueryのPHPを、使用してMySQLデータベースからデータを取ることです。 教育目的のために我々は、特定の製品の顧客満足度に関する調査から架空のデータを持つ単純なテーブルを作成します。

SQL

c_survey：私たちは、名前のcustomers_satisfaction持つつのテーブルを持つデータベースを作成します。

 "c_surveyを"NOT EXISTSは場合は、表の作成（



  



 'id'をint型（11）NOT NULL AUTO_INCREMENT、



  



 "レベル"のデータ型はvarchar（100）COLLATE utf8_unicode_ci NOT NULL、



  



 NOT NULL'出現'int型（11）、



  



 PRIMARY KEY（'id'）を







 ）ENGINE = MyISAMテーブルのDEFAULT CHARSET = utf8をCOLLATE = utf8_unicode_ci AUTO_INCREMENT = 5;









 "c_survey'（'id'を、"レベル"、"出現回数"）VALUES。INSERT INTO







 （1、'優れた'、50）、







 （2、100、"良い"）、







 （3、80、"イナフ"）、







 （4、'悪い'、40）;

テーブルは3つのフィールドがあります。

1. 自動インクリメントのID
2. 我々は"優秀"としての価値というレベル、"悪い""、十分な"、"グッド"
3. 私たちの製品のような評価を表明している顧客の数を表す各レベルの数値

ここではphpMyAdminをで見られた結果は次のとおりです。

• <<
• 1
• 2
• 3
• 4
• 5
• 6
• >>