棒グラフã€æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã€ã‚¨ãƒªã‚¢ã‚°ãƒ©ãƒ•ã€ãƒ‘イãƒãƒ£ãƒ¼ãƒˆã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã«é…ç½®ã§ãるグラフãªã©å˜ç´”ãªã‚‚ã®ã‹ã‚‰è¤‡é›‘ãªã‚‚ã®ã¾ã§ç°¡å˜ã«æã‘るスクリプト「Protovisã€ã‚’紹介ã—ã¾ã™ã€‚
[JS]複雑ãªã‚°ãƒ©ãƒ•ã‚‚ç°¡å˜ã«æã‘ã‚‹Canvasを使ã£ãŸã‚¹ã‚¯ãƒªãƒ—ト -Protovis
棒グラフã€æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã€ã‚¨ãƒªã‚¢ã‚°ãƒ©ãƒ•ã€ãƒ‘イãƒãƒ£ãƒ¼ãƒˆã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã«é…ç½®ã§ãるグラフãªã©å˜ç´”ãªã‚‚ã®ã‹ã‚‰è¤‡é›‘ãªã‚‚ã®ã¾ã§ç°¡å˜ã«æã‘るスクリプト「Protovisã€ã‚’紹介ã—ã¾ã™ã€‚
クールã™ãŽã¦æœ¬å½“ã«å‹•çš„ã«ä½œã£ãŸã®ï¼Ÿã¨ã„ã†ã‚°ãƒ©ãƒ•ãŒæç”»ã§ãã¦ã—ã¾ã†ã€Œvisifireã€:phpspot開発日誌
クールã™ãŽã¦æœ¬å½“ã«å‹•çš„ã«ä½œã£ãŸã®ï¼Ÿã¨ã„ã†ã‚°ãƒ©ãƒ•ãŒæç”»ã§ãã¦ã—ã¾ã†ã€Œvisifire〠2009å¹´03月18æ—¥- Visifire クールã™ãŽã¦æœ¬å½“ã«å‹•çš„ã«ä½œã£ãŸã®ï¼Ÿã¨ã„ã†ã‚°ãƒ©ãƒ•ãŒæç”»ã§ãã¦ã—ã¾ã†ã€Œvisifireã€ã€‚ 以下ã«ã‚ã‚‹ç”»åƒã®ã‚ˆã†ãªã€ã¡ã‚‡ã£ã¨ä»–ã§ã¯ãªã‹ãªã‹ç„¡ã„グラフをæä¾›ã—ã¦ãã‚Œã¾ã™ã€‚フリーã§ä½¿ãˆã¾ã™ã€‚ ç”»åƒç·¨é›†ã‚½ãƒ•ãƒˆã‚’使ãˆã°ç¶ºéº—ãªã‚°ãƒ©ãƒ•ã¯ã‹ã‘ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã®ã§ã™ãŒã€ç›¸å½“大変ã§ã™ã€‚ ãŒã€ã“ã®ãƒ©ã‚¤ãƒ–ラリを使ã£ã¦xmlã§ãƒ‡ãƒ¼ã‚¿ã‚’書ã„ã¦ãŠã‘ã°ã‚°ãƒ©ãƒ•æç”»ã§ãã¾ã™ã€‚ データ作æˆãƒ„ールもã‚ã‚‹ã®ã§ã€xmlã‚‚é¢å€’ã£ã¦ã„ã†å ´åˆã«ã‚‚使ãˆã¾ã™â†’ Chart Designer ã‚‚ã£ã¨ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’見る ãƒãƒƒã‚¯ã¯SilverLightãªã®ã§ã™ãŒã€ä¸€æ—¦æç”»ã—ãŸã‚‚ã®ã‚’ã‚ャプãƒãƒ£ã—ã¦ç”»åƒã«å¤‰æ›ã—ã¦ã‹ã‚‰ä½¿ã£ã¦ã‚‚よã„ãらã„クオリティãŒé«˜ã„ã§ã™ã。 今後ã€SilverLightãŒä¸€èˆ¬çš„ã«ãªã£ã¦ã„ãã“ã¨ã‚‚考ãˆã‚‰ã‚Œã€è¦šãˆã¦ãŠ
[JS]カラフルãªæŠ˜ã‚Œç·šãƒ»æ£’グラフやパイãƒãƒ£ãƒ¼ãƒˆã‚’æãスクリプト -JS charts
ç”»åƒã‚’使用ã—ãªã„ã§ã€æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã‚„棒グラフã€ãƒ‘イãƒãƒ£ãƒ¼ãƒˆã‚’作æˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト「JS chartsã€ã‚’紹介ã—ã¾ã™ã€‚ JS charts demo JS chartsã¯jQueryãªã©ä»–ã®ã‚¹ã‚¯ãƒªãƒ—トã«ä¾å˜ã›ãšã«å‹•ä½œã—ã€å¯¾å¿œãƒ–ラウザã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ Windows IE 6/7 Fx1.5+ Op 9+ Safari 3.1+ Mac Fx 1.5+ Safari 2+ iPhone 1+ 折れ線グラフや棒グラフã€ãƒ‘イãƒãƒ£ãƒ¼ãƒˆã‚’æãã«ã¯ã€ã‚¹ã‚¯ãƒªãƒ—トを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã€æ›¸å¼ã«åˆã‚ã›ã¦è¨˜è¿°ã—ã¾ã™ã€‚ JS Charts | How to use グラフã¯Canvasã§æã‹ã‚Œã¦ãŠã‚Šã€æ•°å€¤ã¯XMLã«ã‚ˆã£ã¦ç®¡ç†ã—ã¾ã™ã€‚ XMLã®ã‚µãƒ³ãƒ—ル <textarea name="code" class="html" cols="60" rows="5"> <?xml version="1.0"?>
1
ãŠçŸ¥ã‚‰ã›
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}