2024 著作権. ä¸è¨±è¤‡è£½ プライãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
appgiga.jp
2024 著作権. ä¸è¨±è¤‡è£½ プライãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
JavaScriptã§çˆ†é€Ÿã‚°ãƒ©ãƒ•ãƒ»ãƒãƒ£ãƒ¼ãƒˆãŒä½œæˆã§ãる「CanvasJSã€ã‚’使ã£ã¦ã¿ãŸï¼ : ã†ãˆã¶ã¯ã£ã
ã¡ã‚‡ã£ã¨ã—ãŸãƒ‡ãƒ¼ã‚¿ã‚’サクッã¨ã€Œã‚°ãƒ©ãƒ•ã€ã‚„「ãƒãƒ£ãƒ¼ãƒˆã€ã«ã—ã¦ã€Webページã«ç´ æ—©ã公開ã—ãŸã„人ã«æœ€é©ãªJavaScriptライブラリ「CanvasJSã€ã®ã”紹介ã§ã™ï¼ é¡žä¼¼ã®ãƒ©ã‚¤ãƒ–ラリã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€ã€ŒCanvasJSã€ã¯ã‚ãšã‹æ•°è¡Œã®ã‚³ãƒ¼ãƒ‰ã§ã™ãã«ã‚°ãƒ©ãƒ•ãŒä½œæˆã§ãã€ãªãŠã‹ã¤è±Šå¯Œãªãƒ‘ラメータをã„ã˜ã‚‹ã“ã¨ã§é©šãã»ã©ç´°ã‹ã„カスタマイズも実ç¾ã§ãã‚‹ã®ãŒç‰¹å¾´çš„ã§ã™ã€‚ 今回ã¯ã€åŸºæœ¬çš„ãªä½¿ã„方をä¸å¿ƒã«ã”紹介ã—よã†ã¨æ€ã„ã¾ã™ï¼ å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’準備ã—よã†ï¼ 「CanvasJSã€ã®æœ¬ä½“ファイルã¯ã€ã‚µã‚¤ãƒˆã®ãƒˆãƒƒãƒ—ページã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ãŒã€CDN経由ã‹ã‚‰ã‚‚利用ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ https://cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/canvasjs.min.js ã“れをã€HTMLファイルã«èªã¿è¾¼ã¿ã¾ã™ï¼ // index.html <!d
JavaScriptã®ã‚°ãƒ©ãƒ•ãƒ©ã‚¤ãƒ–ラリを52種類も集ã‚ãŸã€ŒJavaScript Graphsã€ã€‚グラフã®ç¨®é¡žã‚„ä¾å˜ãƒ©ã‚¤ãƒ–ラリã€ä¾¡æ ¼ãªã©ã§çµžã‚Šè¾¼ã¿å¯èƒ½
JavaScriptã®ã‚°ãƒ©ãƒ•ãƒ©ã‚¤ãƒ–ラリを52種類も集ã‚ãŸã€ŒJavaScript Graphsã€ã€‚グラフã®ç¨®é¡žã‚„ä¾å˜ãƒ©ã‚¤ãƒ–ラリã€ä¾¡æ ¼ãªã©ã§çµžã‚Šè¾¼ã¿å¯èƒ½ æ•°å¹´å‰ã«è‡ªä½œã®ã‚¢ãƒ—リケーションをJavaScriptã§ä½œã£ãŸã¨ãã«ã‚°ãƒ©ãƒ•æ©Ÿèƒ½ã‚’実装ã—よã†ã¨ã—ã¦ã€ã„ãã¤ã‹ã®ã‚°ãƒ©ãƒ•ç”¨ã®JavaScriptライブラリを探ã—ã¦è©¦ã—ãŸã“ã¨ãŒã‚ã‚Šã¾ã—ãŸã€‚JavaScriptライブラリを探ã™ã®ã¯ã€ãã‚Œãªã‚Šã«æ‰‹é–“ãŒã‹ã‹ã‚‹ã‚‚ã®ã§ã—ãŸã€‚ ã‚‚ã¡ã‚ん当時ã‹ã‚‰JavaScriptã®ã‚°ãƒ©ãƒ•ãƒ©ã‚¤ãƒ–ラリã®æƒ…å ±ã‚’ã¾ã¨ã‚ãŸã‚µã‚¤ãƒˆã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã—ãŸãŒã€æœ€è¿‘ç™»å ´ã—ãŸã€ŒJavaScript Graphsã€ã¯52種類もã®ãƒ©ã‚¤ãƒ–ラリを集ã‚ã¦ã€ãƒ“ジュアルã«ä¸€è¦§ã§ãるよã†ã«ã—ãŸã‚µã‚¤ãƒˆã§ã™ã€‚ ã•ã¾ã–ã¾ãªæ¡ä»¶ã§çµžã‚Šè¾¼ã¿ãŒã§ãる便利ãªæ©Ÿèƒ½ã‚‚å‚™ãˆã¦ãŠã‚Šã€æ¡ä»¶ã¨ã—ã¦ã¯æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã‚„ドーナッツグラフã«å¯¾å¿œã—ãŸã‚‚ã®ãªã©ã‚°ãƒ©ãƒ•ã®ç¨®é¡žã€ç„¡æ–™ã‚„有料ã€éžå•†ç”¨ã®ã‚‚ã®ãªã©ã®ä¾¡æ ¼
Canvasã§è¶…å¯æ„›ã„グラフãŒä½œã‚Œã‚‹ï¼ã€ŒChart.jsã€ã®ç´¹ä»‹ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã“ã‚“ã«ã¡ã¯ã€‚デザイナーã®ãƒãƒ«ã‚¨ã§ã™ã€‚ 最近ã¡ã‚‡ãã¡ã‚‡ãグラフを用ã„ãŸåˆ¶ä½œç‰©ã«é–¢ã‚ã‚‹ã“ã¨ãŒã‚ã‚Šã€æ¡ˆä»¶ã«ã‚ˆã£ã¦ã¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã•ã‚“ã«ãŠé¡˜ã„ã—ãŸã‚ŠIllustratorã®ã‚°ãƒ©ãƒ•ãƒ„ールã§ä½œã£ãŸã‚Šã—ã¦ã„ãŸã®ã§ã™ãŒã€ãªã‚“ã‚„ã‹ã‚“ã‚„ã§æ™‚é–“ã¨ã‚‰ã‚Œã¡ã‚ƒã†ã‚“ã§ã™ã‚ˆã。ã§ã€ã‚‚ã£ã¨ã“ã†ã‚ªã‚·ãƒ£ãƒ¬ã§ã‚¹ãƒžãƒ¼ãƒˆã«ã•ãã£ã¨ãƒã‚¤ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã§ä½œã‚Œã‚‹ã‚‚ã®ã¯ãªã„ã‹ã¨æŽ¢ã—ã¦ã¿ã¾ã—ãŸã€‚ ãã“ã§è¦‹ã¤ã‘ãŸã®ãŒã“れ。「Chart.jsã€ã€‚ ã‚ã¡ã‚ƒãã¡ã‚ƒæ„›ãã‚‹ã—ã„å‹•ãã‚’ã—ã¦ãã‚Œã¾ã™ã€‚デザインもフラットã§ã„ã„ï¼ ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚„プレゼンãªã‚“ã‹ã«ã‚‚ãã£ã¨å½¹ç«‹ã¡ã¾ã™ã‚ˆã€‚ Chart.jsã¨ã¯ï¼Ÿ 折れ線グラフã€æ£’グラフã€å††ã‚°ãƒ©ãƒ•ã€ãƒ¬ãƒ¼ãƒ€ãƒ¼ãƒãƒ£ãƒ¼ãƒˆãªã©ã€6種類ã®ã‚°ãƒ©ãƒ•ãŒç°¡å˜ã«æã‘ã¦ã—ã¾ã†Javascriptã®ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ HTML5ã®Canvasを使ã£ã¦æç”»ã•ã‚Œã€è¡¨ç¤ºã®éš›ã®æ°—æŒã¡ã„ã„アニメーションã®å‹•ããŒç‰¹å¾´çš„ã§ã™ã€‚ã¨ã¦ã‚‚分ã‹ã‚Šã‚„ã™ã„マークアップãªã®ã§ã€
様々ãªã‚°ãƒ©ãƒ•ã‚’æç”»ã§ãã‚‹JavaScriptライブラリ「NVD3.jsã€:phpspot開発日誌
NVD3.js :: re-usable charts for d3.js 様々ãªã‚°ãƒ©ãƒ•ã‚’æç”»ã§ãã‚‹JavaScriptライブラリ「NVD3.js〠d3.jsã¨ã„ã†ä»¥å‰ç´¹ä»‹ã—ãŸãƒ©ã‚¤ãƒ–ラリをベースã«åˆ©ç”¨ã—ã¦ã„ã‚‹ã¿ãŸã„。 グラフæç”»ã®ãƒ©ã‚¤ãƒ–ラリã¯è‰²ã€…ã‚ã‚Šã¾ã™ãŒã€ã“ã¡ã‚‰ã®ãƒ©ã‚¤ãƒ–ラリã§æç”»ã™ã‚‹ã‚°ãƒ©ãƒ•ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ãªã‹ãªã‹ã„ã„æ„Ÿã˜ã§ã™ã マウスã¨ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚°ãƒ©ãƒ•å®Ÿè£…ãŒå¯èƒ½ã§æ‹¡å¼µã‚‚容易ã¿ãŸã„ サンプルページã«ã¯ã‚½ãƒ¼ã‚¹ãŒã¤ã„ã¦ã„ã‚‹ã®ã§å‚考ã«çµ„ã‚ã°æŠµæŠ—ãªãグラフãŒæã‘ãã†ã§ã™ 関連エントリ 見ãŸç›®ãŒã‚¯ãƒ¼ãƒ«ãªã‚°ãƒ©ãƒ•æ画用jQueryプラグイン「Morris.js〠HTML5ã§ç¶ºéº—ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚°ãƒ©ãƒ•ãŒæã‘るライブラリ「Flotr2〠様々ãªæ™‚系列グラフをæç”»ã§ãã‚‹JavaScriptライブラリ「Rickshaw〠クールãªãƒ‰ã‚¢ãƒŽãƒ–風ã®ï¼…グラフをæç”»ã§ãã‚‹jQuery Knob
インタラクティブã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚°ãƒ©ãƒ•ãŒæã‘ã‚‹JSライブラリ「Highchartsã€:phpspot開発日誌
インタラクティブã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚°ãƒ©ãƒ•ãŒæã‘ã‚‹JSライブラリ「Highchartsã€ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ マウスãŒä¸Šã«ä¹—ã‚‹ã¨ãƒãƒƒãƒ—アップã—ã¦ãƒ’ントãŒå‡ºã‚‹ã‚ˆã†ãªã‚°ãƒ©ãƒ•ã‚‚ã“ã®JSライブラリã§æç”»ã§ãã¾ã™ã€‚ デモページã§ã¯ã€å®Ÿã«å¤šæ•°ã®ã‚µãƒ³ãƒ—ルグラフを見るã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ãã‚Œã«ã—ã¦ã‚‚JSãªã®ã«æç”»ã™ã‚‹ã‚°ãƒ©ãƒ•ãŒæ»‘らã‹ã§ã„ã„ã§ã™ã。 以下ã®ã‚¨ãƒ³ãƒˆãƒªã‚’å‚ç…§ã—ã¦ãã ã•ã„。 Highcharts - Interactive JavaScript charts for your webpage 関連エントリ JavaScriptã ã‘ã§ã•ã¾ã–ã¾ãªã‚°ãƒ©ãƒ•ã‚’æç”»ã§ãる高機能ライブラリ『HighCharts〠- IDEA*IDEA
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
PHPã¨CSSã§å‹•çš„ã«ç¶ºéº—ãªãƒ‘ーセンテージグラフをæ画サンプル:phpspot開発日誌
Using PHP and CSS to make a simple graph | Papermashup.com PHPã¨CSSã§å‹•çš„ã«ç¶ºéº—ãªãƒ‘ーセンテージグラフをæ画サンプル。 次ã®ã‚ˆã†ãªã€ãªã‚“ã¨ã‚‚美ã—ã„パーセンテージを表ã™ã‚°ãƒ©ãƒ•ã‚’æç”»ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚½ãƒ¼ã‚¹ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ JavaScript ã§ã¯ä½•ã‚‚è¡Œã‚ãšã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§å›ºå®šHTMLを出ã—ã¡ã‚ƒã£ã¦ã‚‹æ„Ÿã˜ã§ã™ãŒã€JavaScript ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã¦ã¿ã¦ã‚‚よã•ãã†ã§ã™ã。 関連エントリ CSSオンリーã§ã‚¯ãƒ¼ãƒ«ãªã‚°ãƒ©ãƒ•ã‚’書ãサンプル集 ピュアCSSã§ã‚¯ãƒ¼ãƒ«ãªã‚°ãƒ©ãƒ•ã‚µãƒ³ãƒ—ル「Pure Css Data Chart〠CSSã ã‘ã§å††ã‚°ãƒ©ãƒ•ã‚’表示ã™ã‚‹ã‚µãƒ³ãƒ—ル
MOONGIFT: » è¦ãƒã‚§ãƒƒã‚¯ï¼ãƒ†ãƒ¼ãƒ–ルã‹ã‚‰ã‚°ãƒ©ãƒ•ã‚’生æˆã™ã‚‹JavaScriptライブラリ「Bluffã€:オープンソースを毎日紹介
※ ç”»åƒã¯å…¬å¼ã‚µã‚¤ãƒˆã®ãƒ‡ãƒ¢ã‚ˆã‚Š ã“ã‚Œã¯é¢ç™½ã„発想ã 。Web上ã§ã‚°ãƒ©ãƒ•ã‚’作æˆã€è¡¨ç¤ºã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã¯æ•°å¤šãå˜åœ¨ã™ã‚‹ã€‚ãã®éš›ã«ä½¿ã†æ–¹å¼ã¨ã—ã¦ã¯ã€åŸºæº–ã«ãªã‚‹ç‚¹ã‚’XY軸ãã‚Œãžã‚Œã«å¯¾ã—ã¦è¿½åŠ ã—ã€æç”»ã™ã‚‹ã¨ã„ã†æ–¹å¼ã 。ã“ã‚Œã¯ãƒ—ãƒã‚°ãƒ©ãƒ 言語ã«ã¨ã£ã¦ã¯ç°¡å˜ãªæ–¹å¼ã‹ã‚‚知れãªã„。 JavaScriptã ã‘ã§ç”»åƒã‚°ãƒ©ãƒ•ã‚’生æˆã™ã‚‹ ã ãŒã€ä½¿ã„慣れã¦ã„る表計算ソフトウェアã®å ´åˆã¯ã©ã†ã ã‚ã†ã€‚ã¯ã˜ã‚ã«è¡¨ãŒã‚ã‚Šã€ãã“ã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’èªã¿å–ã£ã¦ã‚°ãƒ©ãƒ•ã‚’æãよã†ã«ãªã£ã¦ã„る。ãã®æ…£ã‚ŒãŸæ–¹å¼ã‚’使ãˆã‚‹ã®ãŒã“ã¡ã‚‰ã®ãƒ©ã‚¤ãƒ–ラリã 。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯Bluffã€ã‚°ãƒ©ãƒ•æ画ライブラリã 。 Bluffã¯JavaScriptã®ãƒ©ã‚¤ãƒ–ラリã§ã€ç”»åƒå½¢å¼ï¼ˆPNG）ã®ã‚°ãƒ©ãƒ•ã‚’生æˆã™ã‚‹ã€‚棒グラフã€å††ã‚°ãƒ©ãƒ•ã€ã‚¨ãƒªã‚¢ã‚°ãƒ©ãƒ•ã€æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ãªã©æ§˜ã€…ãªã‚°ãƒ©ãƒ•å½¢å¼ã‚’サãƒãƒ¼ãƒˆã—ã¦ã„る。背景色を変ãˆãŸã‚Šã€è¤‡æ•°ã®ãƒ‡ãƒ¼ã‚¿ã‚’æç”»ã§ãã‚‹ãªã©å¤šæ©Ÿèƒ½ãªãƒ©ã‚¤
PHPã§ã‚¯ãƒ¼ãƒ«ãªã‚°ãƒ©ãƒ•ã‚’æç”»ã§ãるクラスライブラリ「pChartã€:phpspot開発日誌
pChart | a PHP Charting library pChart is a PHP class oriented framework designed to create aliased charts.PHPã§ã‚¯ãƒ¼ãƒ«ãªã‚°ãƒ©ãƒ•ã‚’æç”»ã§ãるクラスライブラリ「pChartã€ã€‚ 次ã®ã‚ˆã†ãªã‚°ãƒ©ãƒ•ãŒæç”»ã§ãã¾ã™ã€‚（円ã€æ£’グラフãªã©ï¼‰ 色々ã¨ã€ã‚°ãƒ©ãƒ•æ画ライブラリã¯å˜åœ¨ã—ã¾ã™ãŒã€ã“ã†ã—ãŸæ画スタイルもã„ã„ã§ã™ã。 関連エントリ GoogleChartsAPIã‚’PHPã‹ã‚‰ç°¡å˜ã«ä½¿ãˆã‚‹ã€ŒGoogChart〠jQueryベースã®æ»‘らã‹ãªã‚°ãƒ©ãƒ•æ画ライブラリ「Flot〠CSSã ã‘ã§å††ã‚°ãƒ©ãƒ•ã‚’表示ã™ã‚‹ã‚µãƒ³ãƒ—ル
jQueryベースã®æ»‘らã‹ãªã‚°ãƒ©ãƒ•æ画ライブラリ「Flotã€:phpspot開発日誌
Ruminations: Flot 0.1 released! It draws on inspiration from Plotr and PlotKit, and several other commercial packages. But also from venerable old gnuplot - there's nothing more boring than hand-picking axis scales so I wanted the default algorithm to be smart. jQueryベースã®æ»‘らã‹ãªã‚°ãƒ©ãƒ•æ画ライブラリ「Flotã€ã€‚ Flotを使ãˆã°æ¬¡ã®ã‚ˆã†ãªã‚°ãƒ©ãƒ•ã‚’JavaScriptã§æç”»ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ コードã¯æ¬¡ã®ã‚ˆã†ã«æ›¸ãã¿ãŸã„ã§ã™ã€‚ <div id="placeholder" style="width:600px;height
無償利用å¯èƒ½ãªFlashã®ã‚°ãƒ©ãƒ•æ画コンãƒãƒ¼ãƒãƒ³ãƒˆã€ŒFusionCharts Free〠- GIGAZINE
商用以外ã§ã¯ç„¡æ–™ä½¿ç”¨ã§ãã‚‹Flashã®ã‚°ãƒ©ãƒ•æ画コンãƒãƒ¼ãƒãƒ³ãƒˆã§ã€ASP.NETã€ASPã€PHPã€JSPã€ColdFusionã€Ruby on Railsã€é€šå¸¸ã®HTMLページã€PowerPointã«ã‚ˆã‚‹ãƒ—レゼンテーションãªã©ã§åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚パイãƒãƒ£ãƒ¼ãƒˆã‚„棒グラフã€æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ãªã©ãªã©ã€ä½œæˆã§ãるグラフã®ç¨®é¡žã‚‚多彩。 実際ã®å…·ä½“çš„ãªä¾‹ãªã©ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ FusionCharts Free - Animated Flash Charts & Graphs for ASP, ASP.NET, PHP applications http://www.fusioncharts.com/free/ グラフã®ä¾‹ã¯ä»¥ä¸‹ã‹ã‚‰ã„ã‚ã„ã‚ã¨è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Chart Gallery Online Demos ダウンãƒãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã®ãƒ•ã‚©ãƒ¼ãƒ ã«å¿…è¦äº‹é …を記入ã™ã‚Œã°å¯èƒ½ã§ã™ã€‚ Download ãªãŠã€è£½å“
MOONGIFT: � è¦æ³¨ç›®ï¼Flash製グラフ「amChartsã€:オープンソースを毎日紹介
æ ¼å¥½ã„ã„グラフを見るã¨ã©ãã©ãã—ã¦ãる。表計算ソフトウェアã§ã•ã‚‚作りã¾ã—ãŸã€ã¨ã„ã£ãŸã‚ˆã†ãªå˜ç´”ãªã‚‚ã®ã§ã¯å¿ƒã«è¨´ãˆã‚‹äº‹ã¯ã§ããªã„。何を見ã›ãŸã„ã€ä½•ã‚’表ç¾ã—ãŸã„ã®ã‹ã‚’的確ã«è¨´ãˆã‚‹å¿…è¦ãŒã‚る。 ç”»åƒã§å˜ç´”ã«ä½œã‚‹ã®ã‚‚良ã„ãŒã€å‹•çš„ã«ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ã«ã„ã“ã†ã€‚Flashを使ãˆã°ãã®ã‚ˆã†ãªã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚‚容易ã«å®Ÿç¾ã§ãる。 今回紹介ã™ã‚‹ãƒ•ãƒªãƒ¼ã‚¦ã‚§ã‚¢ã¯Pie & Donut chartã€Flash製ã®ã‚°ãƒ©ãƒ•ã 。 amChartsã¯å††ã‚°ãƒ©ãƒ•ã€ç·šã‚°ãƒ©ãƒ•ã€æ£’グラフãã—ã¦X-Yグラフã®4ã¤ã«å¤§åˆ¥ã•ã‚Œã‚‹ã‚°ãƒ©ãƒ•æ©Ÿèƒ½ã‚’æä¾›ã—ã¦ã„る。amChartsã¸ã®ãƒªãƒ³ã‚¯ã‚’ã¤ã‘る事ã§ãƒ•ãƒªãƒ¼ã§åˆ©ç”¨ã§ãる。 ãã®ã‚°ãƒ©ãƒ•æ©Ÿèƒ½ã¯éžå¸¸ã«é«˜ã„。見ãŸç›®ã®å¥‡éº—ã•ã‚‚ã‚ã‚‹ãŒã€ãƒžã‚¦ã‚¹ã§ã®æ“作（円グラフã¯ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãã®éƒ¨åˆ†ã ã‘ãŒé›¢ã‚Œã‚‹ã€ç·šã‚°ãƒ©ãƒ•ã¯ãƒžã‚¦ã‚¹ã§æŒ‡å®šã—ãŸç¯„囲ã ã‘を拡大表示ã§ãる）やマウスオーãƒãƒ¼æ™‚ã®æ•°å—表示ç‰ãŒã‚る。 ã¾ãŸã€ãã‚Œã ã‘ã§ã¯ãªã„。Jav
MOONGIFT: » 日本語å¯ï¼Flashã§ä½œã‚‹å‹•çš„グラフ「Open Flash Chartsã€:オープンソースを毎日紹介
ã“ã‚Œã¾ã§ã«ã‚‚オープンソースã§ç”Ÿæˆã§ãるグラフライブラリをå„種紹介ã—ã¦ããŸã€‚パターンã¨ã—ã¦ã¯ã€ç”»åƒã¨ã—ã¦å‡ºåŠ›ã•ã‚Œã‚‹ã‚‚ã®ã€JavaScriptã§è¡¨ç¤ºã•ã‚Œã‚‹ã‚‚ã®ã®äºŒã¤ãŒã‚ã£ãŸã‚ˆã†ã«æ€ãˆã‚‹ã€‚ ã“ã‚Œã¯ãã®ã©ã¡ã‚‰ã§ã‚‚ãªã„。Flashã«ã‚ˆã‚‹ã‚°ãƒ©ãƒ•ç”Ÿæˆãƒ©ã‚¤ãƒ–ラリã 。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯Open Flash Chartsã€Flash製ã®ã‚°ãƒ©ãƒ•ç”Ÿæˆãƒ©ã‚¤ãƒ–ラリã 。 特ã«ç´°ã‹ã„説明をã™ã‚‹äº‹ã‚‚ãªã„ã ã‚ã†ãŒã€å˜ç´”ã«è¨€ãˆã°Flashファイルã«å¯¾ã—ã¦ã€ãƒ‡ãƒ¼ã‚¿ã®ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‘スを渡ã›ã°è¡¨ç¤ºãŒã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„る。データファイルã®ç”Ÿæˆã‚’å‹•çš„ã«è¡Œãˆã°ã€ã‚·ã‚¹ãƒ†ãƒ ã«é€£æºã—ãŸã‚°ãƒ©ãƒ•ã‚‚ç°¡å˜ã«ä½œã‚‹ã“ã¨ãŒã§ãる。 Flashã§ç”Ÿæˆã•ã‚Œã‚‹ã ã‘ã‚ã£ã¦ã€ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãªã‚‚ã®ãŒå¯èƒ½ã 。日本語出力ã«ã‚‚対応ã—ã¦ã„ã‚‹ã®ãŒå„ªä½ãªç‚¹ã ã‚ã†ã€‚棒グラフã€æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã€èƒŒæ™¯è‰²ã®å¤‰æ›´ã€è¤‡æ•°ã‚°ãƒ©ãƒ•ã®æç”»ç‰ã€å¤šå½©ãªæ©Ÿèƒ½ã‚’å‚™ãˆã¦ã„る。 グラフã®ç¨®é¡ž
MOONGIFT: » JavaScriptã§Flashã‚’æ“作「Aflaxã€:オープンソースを毎日紹介
Flashã¯HTMLã‚„Javaã€PHPãªã©ã¨åŒã˜Webã®æŠ€è¡“ã§ã¯ã‚ã‚‹ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³çš„ãªè¦ç´ も入れられるã“ã¨ã‚‚ã‚ã£ã¦ã€ãƒ—ãƒã‚°ãƒ©ãƒžã®é ˜åŸŸã¨ã¯ã¡ã‚‡ã£ã¨é•ã†é›°å›²æ°—ã‚’æŒã£ã¦ã„る。 ã“ã‚ŒãŒä½¿ã„ã“ãªã›ã‚Œã°ã€ä»Šã¾ã§ã«ãªã„サービスã®æ供も考ãˆã‚‰ã‚Œã‚‹ã€‚ã“ã®æŠ€è¡“を使ã£ã¦Flashæ“作を習得ã—よã†ã€‚ 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯Aflaxã€JavaScriptã§Flashã‚’æ“作ã§ãるソフトウェアã 。 Flash8ã§ã¯ExternalInterfaceを利用ã—ã¦JavaScriptã¨é€£æºã§ãã‚‹ãŒã€ã“れをã•ã‚‰ã«é€²ã‚ã¦Action Scriptをライブラリ化ã—ã€JavaScriptã‹ã‚‰æ“作ã§ãるよã†ã«ã—ãŸã®ãŒAflaxã 。 ビジュアル的ãªã‚°ãƒ©ãƒ•ã‚’æã„ãŸã‚Šã€çµµã‚’å‹•ã‹ã—ãŸã‚Šã¨ã„ã£ãŸæ“作も簡å˜ã«ã§ãる。ãれらã¯Flashã‚’æ„è˜ã™ã‚‹äº‹ç„¡ãã€JavaScriptã®ã‚³ãƒ¼ãƒ‰ã«ã‚ˆã£ã¦ç”Ÿæˆã•ã‚Œã‚‹ã€‚ 多数ã®ã‚µãƒ³ãƒ—ルãŒåŒæ¢±ã•ã‚Œã¦
Flashã§ãã‚Œã„ãªå††ã‚°ãƒ©ãƒ•ã‚’作る「amChartsã€ã§æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã‚„é¢ã‚°ãƒ©ãƒ•ãŒå¯èƒ½ã«
Flashã®å°‚門知è˜ã¯ä¸è¦ã§ã€ã‚°ãƒ©ãƒ•ã«ã—ãŸã„データãªã©ã‚’è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã«æ›¸ã„ã¦ã„ãã ã‘ã§å®Œæˆã—ã€ã‚°ãƒ©ãƒ•ã®ç¨®é¡žã‚„見ã›æ–¹ã‚‚ã„ã‚ã„ã‚ã¨æŒ‡å®šã§ãる「Flashã§ãã‚Œã„ãªãƒ‘イãƒãƒ£ãƒ¼ãƒˆã‚„円グラフを無料ã§ä½œã‚‹ã€ŒamChartsã€ã€ã§ã™ãŒã€éžå¸¸ã«åˆ©ç”¨è€…æ•°ãŒå¤šã‹ã£ãŸã‚‰ã—ãã€ã¤ã„ã«æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã‚„é¢ã‚°ãƒ©ãƒ•ã‚’作æˆå¯èƒ½ãªãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã€ŒamChartsã€ãŒç™»å ´ã—ã¾ã—ãŸã€‚サイト上ã‹ã‚‰ãã®ä¾‹ã‚’実際ã«è¦‹ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã™ãŒã€ä»Šå›žã‚‚ã‹ãªã‚Šå®Ÿç”¨æ€§ãŒé«˜ãã†ã€‚è¦‹æ „ãˆã®ã™ã‚‹ã‚°ãƒ©ãƒ•ã‚’作りãŸã„人ã«ã¯æœ€é©ã‹ã¨ã€‚ 詳細ã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ amCharts: customizable flash Line & Area chart http://www.amcharts.com/line/ ダウンãƒãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã‹ã‚‰å¯èƒ½ã€‚ DOWNLOAD LINE & AREA CHART 例ãã®1：2種類ã®ç·šã‚°ãƒ©ãƒ•ã€‚データ引用元サイトãªã©ã¸ã®ãƒªãƒ³ã‚¯ã‚’ã¯ã‚‹ã“ã¨ã‚‚å¯
Flashã§ãã‚Œã„ãªãƒ‘イãƒãƒ£ãƒ¼ãƒˆã‚„円グラフを無料ã§ä½œã‚‹ã€ŒamChartsã€
ã“ã®ã€ŒamChartsã€ã¨ã„ã†ã®ã‚’使ãˆã°ã€ç„¡æ–™ã§Flashã®ãƒ‘イãƒãƒ£ãƒ¼ãƒˆã‚„円グラフãŒä½œæˆå¯èƒ½ã§ã™ã€‚Flashã®å°‚門知è˜ã¯ä¸è¦ã§ã€ã‚°ãƒ©ãƒ•ã«ã—ãŸã„データãªã©ã‚’è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã«æ›¸ã„ã¦ã„ãã ã‘ã§å®Œæˆã—ã¾ã™ã€‚グラフã®ç¨®é¡žã‚„見ã›æ–¹ã‚‚ã„ã‚ã„ã‚ã¨æŒ‡å®šã§ãã€ã‹ãªã‚Šå¿œç”¨ãŒåˆ©ããã†ãªäºˆæ„Ÿã€‚ 詳細ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ amCharts: customizable flash Pie & Doughnut chart ダウンãƒãƒ¼ãƒ‰ã¯ä¸‹è¨˜ã®ãƒšãƒ¼ã‚¸ã‹ã‚‰å¯èƒ½ã§ã™ã€‚ DOWNLOAD PIE & DOUGHNUT 実際ã®ä¾‹ã¯ä»¥ä¸‹ã®ãƒšãƒ¼ã‚¸ã‹ã‚‰è¦‹ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ã¾ãšã¯æ¨™æº–çš„ãªå††ã‚°ãƒ©ãƒ•ã€‚ http://www.amcharts.com/pie/examples/1/ ã“ã®ä¾‹ã§ã¯ã‚°ãƒ©ãƒ•ã®èª¬æ˜ŽãŒãã‚Œãžã‚Œã®ã‚°ãƒ©ãƒ•ã®ä¸ã«æ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚ http://www.amcharts.com/pie/examples/2/ ã“ã‚“ãªæ„Ÿã˜ã§2ã¤ã®ã‚°ãƒ©ãƒ•ã«ã—
PHPã§ãƒ•ãƒ©ãƒƒã‚·ãƒ¥ã®ã‚°ãƒ©ãƒ•ã‚’作る「PHP/SWF Charts〠- GIGAZINE
ã“れを使ãˆã°ç„¡æ–™ã§æã‚ã—ãè¦‹æ „ãˆã®ã™ã‚‹ãƒ•ãƒ©ãƒƒã‚·ãƒ¥ã§ã§ããŸã‚°ãƒ©ãƒ•ã‚’PHPã§ä½œæˆã™ã‚‹ã“ã¨ãŒã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚標準的ãªã‚°ãƒ©ãƒ•ã‚’表示ã™ã‚‹ã ã‘ã§ãªãã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’使ã£ãŸæ§˜ã€…ãªãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«åŠ¹æžœã‚’åŠ ãˆãŸã‚Šã€å°åˆ·ãƒœã‚¿ãƒ³ã‚„切り替ãˆãƒœã‚¿ãƒ³ã€ã‚°ãƒ©ãƒ•ã‚’見る方å‘ã®å¤‰æ›´ã€è¤‡æ•°ã®ã‚°ãƒ©ãƒ•ã®æ··åœ¨ãªã©ã‚‚ç°¡å˜ã«ã§ãã‚‹ã®ã§ã€ä¸€é¢¨å¤‰ã‚ã£ãŸã‚°ãƒ©ãƒ•è¡¨ç¤ºã‚’ãŠæ‰‹è»½ã«ã—ãŸã„人ã«ã¯æœ€é©ã§ã¯ãªã„ã‹ã¨ã€‚ PHP/SWF Charts http://www.maani.us/charts/index.php ãã®ä»–ã®ã‚°ãƒ©ãƒ•ã®ã‚µãƒ³ãƒ—ルã¯ä»¥ä¸‹ã‚’å‚ç…§ http://www.maani.us/charts/index.php?menu=Gallery ダウンãƒãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ã‹ã‚‰ http://www.maani.us/charts/index.php?menu=Download ã»ã‹ã«ã‚‚有用ãªã‚‚ã®ãŒã‚ã‚‹ã®ã§ã€å¤šå½©ãªè¡¨ç¾æ–¹æ³•ã‚’手間無ã使ã„ãŸã„人ã¯å¿…見。
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
vizoo - 経済データã®ã‚°ãƒ©ãƒ•ä½œæˆãƒ»å…±æœ‰ã‚µã‚¤ãƒˆ ビズー
{{#tags}}- {{label}}
{{/tags}}