ウェブã§ã‹ã£ã“ã„ã„グラフをæããŸã‚ã®ãƒ©ã‚¤ãƒ–ラリやらテクニックやらã®ã¾ã¨ã‚ - IDEA*IDEA ～ 百å¼ç®¡ç†äººã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚° ～We'll be back soon! Our site is currently undergoing maintenance. Please check back later.
MOONGIFT: » 圧巻ï¼AJAX DHTMLã®ã‚°ãƒ©ãƒ•ãƒ©ã‚¤ãƒ–ラリ「Timeplotã€:オープンソースを毎日紹介
グラフを作るニーズã¯å¤šã„。ã¾ãŸã€ãã®ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリも多種多様ã«å˜åœ¨ã—ã¦ã„る。PHPã‚„Javaãªã©ã®ãƒ—ãƒã‚°ãƒ©ãƒ 言語ã«ã‚ˆã‚‹ã‚‚ã®ã€JavaScriptã§ä½œã‚‹ã‚‚ã®ã€Flashã§ä½œã‚‹ã‚‚ã®ã¨ã„ã£ãŸå…·åˆã 。 ãã®ä¸ã«ã‚ã£ã¦ã€ã“ã‚Œã®å®Œæˆåº¦ã¯éžå¸¸ã«é«˜ã„。ã¾ã•ã«åœ§å€’ã•ã‚Œã¦ã—ã¾ã†ç¶ºéº—ã•ã 。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯Timeplotã€AJAX+DHTMLã§ä½œã‚‰ã‚ŒãŸã‚°ãƒ©ãƒ•ä½œæˆãƒ©ã‚¤ãƒ–ラリã 。 Timeplotã¯å˜ç´”ãªäºŒæ¬¡å…ƒã®æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ç”¨ã®ãƒ©ã‚¤ãƒ–ラリã§ã€éžå¸¸ã«ç´°ã‹ãæç”»ãŒè¡Œã‚れる。特ã«ã‚°ãƒ©ãƒ•ã®ä¸Šã‚’マウスã§ãªãžã£ãŸæ™‚ã«å„数値ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ãŒç´ 晴らã—ã„。 åŒã˜ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®å¹´è¡¨ã‚’作り出ã™Timelineå½¢å¼ã‚’サãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã€‚å ´åˆã«ã‚ˆã£ã¦ä½¿ã„分ã‘ãŸã‚Šã€è¦‹ã›æ–¹ã‚’変ãˆãŸã‚Šã¨ä¾¿åˆ©ã«ä½¿ãˆãã†ã 。グラフã«å‚™è€ƒã‚’ã¤ã‘ã‚‹ã“ã¨ã‚‚ã§ãã€ç‰¹å®šã®å ´æ‰€ã‚’クリックã™ã‚‹ã¨èª¬æ˜Žæ–‡ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€‚ サンプルã¯æ•°å¤šã登録ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€
CSSã ã‘ã§å††ã‚°ãƒ©ãƒ•ã‚’表示ã™ã‚‹ã‚µãƒ³ãƒ—ル:phpspot開発日誌
Have a Slice This is an example of creating a semi-dynamic pie chart without the use of server-side imaging libraries CSSã ã‘ã§å††ã‚°ãƒ©ãƒ•ã‚’表示ã™ã‚‹ã‚µãƒ³ãƒ—ル。 次ã®ã‚ˆã†ãªå††ã‚°ãƒ©ãƒ•ã‚’CSSã®ã¿ã§å®Ÿç¾ã™ã‚‹ã‚µãƒ³ãƒ—ルãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ HTMLコードã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ã‚·ãƒ³ãƒ—ルã«è¡¨ç¾ã§ãã¾ã™ã€‚ <div class="shadow"> <div id="example"> <div class="pie size35"></div> <p class="percent">37%</p> </div> </div> 次ã®ã‚ˆã†ãªï¼‘個ã®å††ã‚°ãƒ©ãƒ•ã‚’並ã¹ãŸæ¨ªé•·ç”»åƒã®background-positionã‚’ãšã‚‰ã—ã¦ã€å¿…è¦ãªéƒ¨åˆ†ã ã‘表示ã™ã‚‹ã“ã¨ã§å®Ÿç¾ã—ã¦ã„るよã†ã§ã™ã€‚ サーãƒã‚µã‚¤ãƒ‰ã§ã‚‚クライアントサ
PHPã‹ã‚‰ä½¿ãˆã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚°ãƒ©ãƒ•ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ŒFusionCharts Freeã€:phpspot開発日誌
FusionCharts Free - Animated Flash Charts & Graphs for ASP, ASP.NET, PHP applications FusionCharts Free is a flash charting component that can be used to render data-driven & animated charts for your web applications and presentations. PHPã‹ã‚‰ä½¿ãˆã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚°ãƒ©ãƒ•ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ŒFusionCharts Freeã€ã€‚ アニメーションãŒå¿ƒåœ°ã‚ˆãã€å®Ÿã«æ§˜ã€…ãªã‚°ãƒ©ãƒ•ã‚’æç”»ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ãƒãƒ£ãƒ¼ãƒˆã¯æ¬¡ã®ã‚ˆã†ã«ã€JavaScriptコードã§ç°¡å˜ã«è²¼ã‚Šä»˜ã‘å¯èƒ½ã€‚データã¯XMLã‹ã‚‰èªã¿è¾¼ã¿ã€‚ PHPã‹ã‚‰ç°¡å˜ã«ä½¿ãˆã‚‹APIライブラリも公開ã•ã‚Œã¦ã„ã¾ã™ã€‚ <
1
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}