jQueryã§æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã‚’表示ã—ã¦ã¿ã‚‹ « エンジニアã®ãŸã‚ã®UI改善講座データã§é…ã›ã‚ˆã† æƒ…å ±ã®è¦‹ã›æ–¹ã«ã¯æ§˜ã€…ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ãŒã€ã‚°ãƒ©ãƒ•ã»ã©åˆ†ã‹ã‚Šã‚„ã™ãã€ç›´æ„Ÿçš„ãªæƒ…å ±ã®è¦‹ã›æ–¹ã¯ç„¡ã„ã¨æ€ã£ã¦ã„ã¾ã™ã€‚データã®ç¾…列ã¯ãŸã ãã‚Œã ã‘ã®æƒ…å ±ã§ã€ãã“ã‹ã‚‰æ–°ãŸãªç™ºæƒ³ã‚„推測を生ã¿å‡ºã™ã®ã¯é›£ã—ã„ã§ã—ょã†ã€‚ グラフ表示ã¨ã„ã†ã¨ã€Flashç³»ã®æŠ€è¡“ã§Flexç‰ãŒå¾—æ„ãªã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚Šã¾ã™ãŒã€JavaScriptã§ã‚‚å分ã«å®Ÿç¾å¯èƒ½ã§ã™ã€‚今回ã¯jQueryã¨Highchartsを使ã£ã¦ã€ã‚°ãƒ©ãƒ•è¡¨ç¤ºã‚’実ç¾ã—ã¾ã™ã€‚ æƒ…å ±ã‚’ãŸã 見ã›ã‚‹ã ã‘ã§ã¯é€€å±ˆã§ã™ã€‚「é…ã›ã¦ã€ã„ãã¾ã—ょã†ã€‚ ã¾ãšã¯ã‚°ãƒ©ãƒ•ã‚’見ã¦ã¿ã‚‹ グラフæç”»ã®å…ƒãƒ‡ãƒ¼ã‚¿ã¯ã“ã®JSONデータã§ã™ã€‚ã“ã®ä¸èº«ãŒå¤‰ã‚ã‚‹ã¨ã€ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«ã‚°ãƒ©ãƒ•ã®å†…容も変化ã—ã¾ã™ã€‚ã¾ãŸã€ã‚°ãƒ©ãƒ•ã®å„é ‚ç‚¹ã«ãƒžã‚¦ã‚¹ã®ãƒã‚¤ãƒ³ã‚¿ã‚’当ã¦ã¦ã¿ã¦ä¸‹ã•ã„。数値ãŒãƒ„ールãƒãƒƒãƒ—æ–¹å¼ã§è¡¨ç¤ºã•ã‚ŒãŸã‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã®ã‚°ãƒ©ãƒ•ãŒç°¡å˜ã«æã‘ãŸã‚‰ã€UIã¯åŠ‡çš„ã«æ”¹å–„出æ¥ã¾ã™ãï¼ã‚„ã£ã¦ã¿ã¾ã—ょã†ã€‚ jQuer
Highcharts - Interactive Charting Library for Developers
{{#tags}}- {{label}}
{{/tags}}