[B! ã‚°ãƒ©ãƒ•] wtrabã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

wtrab id:wtrab

ã‚°ãƒ©ãƒ•ã«é–¢ã™ã‚‹wtrabã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ECharts - å¤šç¨®å¤šæ§˜ãªè¡¨ç¾ã«å¯¾å¿œã—ãŸã‚°ãƒ©ãƒ•/ãƒãƒ£ãƒ¼ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒª MOONGIFT
Webã¯è¡¨ç¾åŠ›ãŒãã‚Œã»ã©é«˜ããªã„ã®ãŒå¸¸ã«å•é¡Œè¦–ã•ã‚Œã¦ã„ã¾ã™ã€‚ç‰¹ã«æ¥å‹™ç³»ã‚·ã‚¹ãƒ†ãƒ ã§ã¯ã‚°ãƒ©ãƒ•/ãƒãƒ£ãƒ¼ãƒˆã‚’ä½¿ã£ã¦ãƒ‡ãƒ¼ã‚¿ã‚’å¯è¦–åŒ–ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚æœ€è¿‘ã§ã¯ãƒ“ãƒƒã‚°ãƒ‡ãƒ¼ã‚¿ãŒè©±é¡Œã«ã‚ãŒã£ã¦ãŠã‚Šã€å¤§é‡ã®ãƒ‡ãƒ¼ã‚¿ã‚’åŠ¹çŽ‡çš„ã«æç”»ã—ãªã‘ã‚Œã°ãªã‚‰ãªããªã£ã¦ã„ã¾ã™ã€‚ ãã“ã§EChartsã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ãƒ“ãƒƒã‚°ãƒ‡ãƒ¼ã‚¿ãƒ¢ãƒ¼ãƒ‰ã¾ã§ç”¨æ„ã•ã‚ŒãŸå¤šç¨®å¤šæ§˜ãªãƒ‘ã‚¿ãƒ¼ãƒ³ã®ç”¨æ„ã•ã‚ŒãŸãƒãƒ£ãƒ¼ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ EChartsã®ä½¿ã„æ–¹ ä»Šå›žã¯ãã®å¤šæ§˜ãªã‚°ãƒ©ãƒ•ã€ãƒãƒ£ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ›²ç·šã®ã‚°ãƒ©ãƒ•ã€‚ ç©ã¿ä¸Šã’ã‚°ãƒ©ãƒ•ã€‚ æ£’ã‚°ãƒ©ãƒ•ã€‚ ã‚¨ãƒªã‚¢ã‚°ãƒ©ãƒ•ã€‚ æ›²ç·šã€‚ã‹ãªã‚Šè¤‡é›‘ã§ã™ã€‚ ã“ã¡ã‚‰ã‚‚ãƒ¦ãƒ‹ãƒ¼ã‚¯ã§ã™ã€‚é€”ä¸ã§é€”åˆ‡ã‚Œã¦ã„ã¾ã™ã€‚ æ£’ã‚°ãƒ©ãƒ•ã§ã™ãŒã€ç¯„å›²ãŒæŒ‡å®šã§ãã¦ã„ã¾ã™ã€‚ å·¦å³ã®æ¯”è¼ƒã‚°ãƒ©ãƒ•ã€‚ è¤‡æ•°ã‚°ãƒ«ãƒ¼ãƒ—ã®æ£’ã‚°ãƒ©ãƒ•ã€‚ æ•£å¸ƒå›³ã€‚ ã“ã¡ã‚‰ã‚‚æ•£å¸ƒå›³ã€‚ ç”»åƒã‚‚åˆã‚ã›ãŸè¡¨ç¤ºã€‚ æ•£å¸ƒå›³ã¨è‰²ã®çµ„ã¿åˆã‚ã›ã€‚ ãƒãƒ¼ã‚½ã‚¯ãƒãƒ£ãƒ¼ãƒˆã€‚ å††ã‚°ãƒ©ãƒ•ã€‚ ã‚ˆã‚Šæç”»ã«ã“ã ã‚ã£ãŸå††ã‚°ãƒ©ãƒ•ã€‚ ãƒ¬ãƒ¼
wtrab 2015/01/21
ã‚°ãƒ©ãƒ•

ãƒãƒ£ãƒ¼ãƒˆ

javascript
ãƒªãƒ³ã‚¯
è¡¨ç¾åŠ›ã®é«˜ã•ã«é©šãã€‚HTML5/Canvasã‚°ãƒ©ãƒ•ãƒ©ã‚¤ãƒ–ãƒ©ãƒªÂ·Flotr2 MOONGIFT
Flotr2ã¯HTML5/Canvasã‚’ä½¿ã£ãŸã‚°ãƒ©ãƒ•æç”»ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ã“ã‚Œã¾ã§ã‚°ãƒ©ãƒ•ã¨è¨€ãˆã°Flashã‚„ç”»åƒå‡ºåŠ›ãŒå¤šã‹ã£ãŸã§ã™ãŒã€HTML5ãŒä½¿ã‚ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã“ã¨ã§ãã£ã¨è¡¨ç¾åŠ›ã®é«˜ã„ã‚°ãƒ©ãƒ•ã‚’Webæ¨™æº–ã®æŠ€è¡“ã§å®Ÿè£…ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ãã®è¡¨ç¾åŠ›ã‚’çŸ¥ã‚‹ã®ã«ãŠå‹§ã‚ã—ãŸã„ã®ãŒFlotr2ã§ã™ã€‚ ãŸãã•ã‚“ã®ã‚µãƒ³ãƒ—ãƒ«ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ä¸€æ°—ã«ç´¹ä»‹ã—ã¾ã™ã€‚ ç·šã‚°ãƒ©ãƒ•ã§ã™ã€‚ é€”ä¸ã§é€”åˆ‡ã‚ŒãŸæ›²ç·šã®ã‚°ãƒ©ãƒ•ã‚‚æã‘ã¾ã™ã€‚ æ£’ã‚°ãƒ©ãƒ•ã§ã™ã€‚ ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§å€¤ã‚’è¡¨ç¤ºã§ãã¾ã™ã€‚ ç©ã¿ä¸Šã’ã‚°ãƒ©ãƒ•ã§ã™ã€‚ å††ã‚°ãƒ©ãƒ•ã§ã™ã€‚ ãƒ¬ãƒ¼ãƒ€ãƒ¼ãƒãƒ£ãƒ¼ãƒˆã€‚ ç¯„å›²ã‚°ãƒ©ãƒ•ã€‚ ãƒãƒ¼ã‚½ã‚¯ãƒãƒ£ãƒ¼ãƒˆã§ã™ã€‚ æ»‘ã‚‰ã‹ãªæ›²ç·šã®ã‚°ãƒ©ãƒ•ã§ã™ã€‚ ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ã‚°ãƒªãƒƒãƒ‰ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãƒžã‚¦ã‚¹ã‚ºãƒ¼ãƒ ã®ãƒ‡ãƒ¢ã§ã™ã€‚ ãƒžã‚¦ã‚¹ã§ä¸€éƒ¨ã®ç¯„å›²ã‚’æŒ‡å®šã§ãã¾ã™ã€‚ æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã§ã™ã€‚ ãƒžã‚¤ãƒŠã‚¹ã®å€¤ã«ã‚‚å¯¾å¿œã€‚ ã‚¯ãƒªãƒƒã‚¯ã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ã‚°ãƒ©ãƒ•ã‚’æãã¾ã™ã€‚ ç”»åƒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰
wtrab 2013/06/21
HTML5

ã‚°ãƒ©ãƒ•

canvas
ãƒªãƒ³ã‚¯
humble software development - flotr2
Introduction Flotr2 is a library for drawing HTML5 charts and graphs. It is a branch of flotr which removes the Prototype dependency and includes many improvements. Features: mobile support framework independent extensible plugin framework custom chart types FF, Chrome, IE6+, Android, iOS lines bars candles pies bubbles Usage To use Flotr2, include the flotr2.min.js script in your page and create
wtrab 2013/06/21
canvas

ã‚°ãƒ©ãƒ•

html5
ãƒªãƒ³ã‚¯
HTML5ã®canvasæ©Ÿèƒ½ã§ç¶ºéº—ãªã‚°ãƒ©ãƒ•ãŒä½œã‚Œã‚‹ï¼ã€ŒFlotr2ã€ã‚’è©¦ã—ã¦ã¿ãŸ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
HTML5ã®canvasæ©Ÿèƒ½ã‚’ä½¿ç”¨ã—ã¦ã‚°ãƒ©ãƒ•ãŒä½œæˆå‡ºæ¥ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ã€ŒFlotr2ã€ãŒã¨ã¦ã‚‚ç´ æ•µã ã£ãŸã®ã§è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ã‚°ãƒ©ãƒ•ã¯å††ã‚°ãƒ©ãƒ•ãƒ»æ£’ã‚°ãƒ©ãƒ•ãƒ»æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ãªã©æ§˜ã€…ãªå½¢ã§ã®è¡¨ç¾ãŒå¯èƒ½ã§ã™ã€‚ ä½¿ç”¨æ–¹æ³• ä½¿ç”¨ã™ã‚‹ã¨ãã®ãƒ«ãƒ¼ãƒ«ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ ã€Œflotr2.min.jsã€ã‚’èªã¿è¾¼ã‚€ ã‚°ãƒ©ãƒ•ã‚’è¡¨ç¤ºã™ã‚‹divã®IDåã‚’æ±ºã‚ã¦ã€ã‚½ãƒ¼ã‚¹ã‚’æ›¸ãæ›ãˆã‚‹ï¼ˆãƒ‡ãƒ¢ã§ã¯ã€Œ#graphã€ï¼‰ ä¸Šè¨˜IDã«widthã€heightã‚’è¨å®šã™ã‚‹ ã‚ã¨ã¯ã‚µãƒ³ãƒ—ãƒ«ã®ã‚½ãƒ¼ã‚¹ã®æ•°å€¤ã‚„é …ç›®åãªã©æ›¸ãæ›ãˆã‚Œã°OKã€‚ ãƒ‡ãƒ¢ è¡¨ç¾å‡ºæ¥ã‚‹ã‚°ãƒ©ãƒ•ãŒç´¹ä»‹ã—ãã‚Œãªã„ãã‚‰ã„ãŸãã•ã‚“ã‚ã‚‹ã®ã§ã€æ±Žç”¨æ€§ã®ã‚ã‚‹æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã€ãƒ¬ãƒ¼ãƒ€ãƒ¼ãƒãƒ£ãƒ¼ãƒˆã€å††ã‚°ãƒ©ãƒ•ã‚’è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ• ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ <br /> <!DOCTYPE html><br /> <html lang="ja" dir="ltr"><br /> <head><br />
wtrab 2013/06/21
html5

ã‚°ãƒ©ãƒ•

canvas
ãƒªãƒ³ã‚¯
jQueryã§æŠ˜ã‚Œç·šã‚°ãƒ©ãƒ•ã‚’è¡¨ç¤ºã—ã¦ã¿ã‚‹ Â« ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®UIæ”¹å–„è¬›åº§
ãƒ‡ãƒ¼ã‚¿ã§é…ã›ã‚ˆã† æƒ…å ±ã®è¦‹ã›æ–¹ã«ã¯æ§˜ã€…ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ãŒã€ã‚°ãƒ©ãƒ•ã»ã©åˆ†ã‹ã‚Šã‚„ã™ãã€ç›´æ„Ÿçš„ãªæƒ…å ±ã®è¦‹ã›æ–¹ã¯ç„¡ã„ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ãƒ‡ãƒ¼ã‚¿ã®ç¾…åˆ—ã¯ãŸã ãã‚Œã ã‘ã®æƒ…å ±ã§ã€ãã“ã‹ã‚‰æ–°ãŸãªç™ºæƒ³ã‚„æŽ¨æ¸¬ã‚’ç”Ÿã¿å‡ºã™ã®ã¯é›£ã—ã„ã§ã—ã‚‡ã†ã€‚ ã‚°ãƒ©ãƒ•è¡¨ç¤ºã¨ã„ã†ã¨ã€Flashç³»ã®æŠ€è¡“ã§Flexç‰ãŒå¾—æ„ãªã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚Šã¾ã™ãŒã€JavaScriptã§ã‚‚ååˆ†ã«å®Ÿç¾å¯èƒ½ã§ã™ã€‚ä»Šå›žã¯jQueryã¨Highchartsã‚’ä½¿ã£ã¦ã€ã‚°ãƒ©ãƒ•è¡¨ç¤ºã‚’å®Ÿç¾ã—ã¾ã™ã€‚ æƒ…å ±ã‚’ãŸã è¦‹ã›ã‚‹ã ã‘ã§ã¯é€€å±ˆã§ã™ã€‚ã€Œé…ã›ã¦ã€ã„ãã¾ã—ã‚‡ã†ã€‚ ã¾ãšã¯ã‚°ãƒ©ãƒ•ã‚’è¦‹ã¦ã¿ã‚‹ ã‚°ãƒ©ãƒ•æç”»ã®å…ƒãƒ‡ãƒ¼ã‚¿ã¯ã“ã®JSONãƒ‡ãƒ¼ã‚¿ã§ã™ã€‚ã“ã®ä¸èº«ãŒå¤‰ã‚ã‚‹ã¨ã€ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«ã‚°ãƒ©ãƒ•ã®å†…å®¹ã‚‚å¤‰åŒ–ã—ã¾ã™ã€‚ã¾ãŸã€ã‚°ãƒ©ãƒ•ã®å„é ‚ç‚¹ã«ãƒžã‚¦ã‚¹ã®ãƒã‚¤ãƒ³ã‚¿ã‚’å½“ã¦ã¦ã¿ã¦ä¸‹ã•ã„ã€‚æ•°å€¤ãŒãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—æ–¹å¼ã§è¡¨ç¤ºã•ã‚ŒãŸã‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã®ã‚°ãƒ©ãƒ•ãŒç°¡å˜ã«æã‘ãŸã‚‰ã€UIã¯åŠ‡çš„ã«æ”¹å–„å‡ºæ¥ã¾ã™ãï¼ã‚„ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ jQuer
wtrab 2010/12/28
jQuery

ã‚°ãƒ©ãƒ•

ã‚µãƒ³ãƒ—ãƒ«
ãƒªãƒ³ã‚¯
Highcharts - Interactive Charting Library for Developers
Our core library. Includes all standard chart types and more.
wtrab 2010/12/28
jquery

ã‚°ãƒ©ãƒ•

ç”Ÿæˆ

chart
ãƒªãƒ³ã‚¯
1