ãƒãƒ¼ã‚½ã‚¯ãƒãƒ£ãƒ¼ãƒˆã‚„棒ã€æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã‚’作るHTML5グラフライブラリ·Rocketchart MOONGIFTRocketchartã¯HTML5ã§ä½œã‚‰ã‚ŒãŸãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªã‚°ãƒ©ãƒ•ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ HTML5ã§ã§ãã‚‹ã“ã¨ãŒã©ã‚“ã©ã‚“広ãŒã£ã¦ã„ã¾ã™ã€‚今回紹介ã™ã‚‹Rocketchartsã‚‚HTML5を駆使ã—ã¦ã„ã¾ã™ã€‚ãã—ã¦ã™ã”ã„グラフを作ã£ã¦ãã¾ã—ãŸã€‚ ãƒãƒ¼ã‚½ã‚¯ãƒãƒ£ãƒ¼ãƒˆã§ã™ã€‚HTML5ã§ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ ã•ã‚‰ã«æ£’グラフã¨æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã®ãƒŸãƒƒã‚¯ã‚¹ã§ã™ã€‚ クリックã™ã‚‹ã¨ãã®ç®‡æ‰€ã®æ•°å€¤ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ 表示範囲をマウスã§é¸æŠžã—ã¦çµžã‚Šè¾¼ã‚€ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ 逆ã«åºƒã’ãŸå ´åˆã§ã™ã€‚ Rocketchartã¯JSONデータを使ã£ã¦Canvasã‚¿ã‚°ã«ã‚°ãƒ©ãƒ•ã‚’æã„ã¦ã„ã¾ã™ã€‚ãã®ãŸã‚直接書ã出ã™ã®ã¯ã‚‚ã¡ã‚ã‚“ã€Ajaxãªã©ã§JSONデータを渡ã—ã¦ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹ã“ã¨ã‚‚ã§ããã†ã§ã™ã€‚ Rocketchartã¯JavaScript製ã€GPL v3ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã«ãªã‚Šã¾ã™ã€‚ MOONGIFTã¯ã“ã†
IE6ã‹ã‚‰ä½¿ãˆã‚‹SVG/VMLを使ã£ãŸé«˜æ©Ÿèƒ½JavaScriptグラフライブラリ·Highcharts MOONGIFT
{{#tags}}- {{label}}
{{/tags}}